Color picker

#235397

Conversion

HEX#235397
HEX8#235397ff
RGBrgb(35, 83, 151)
CMYK[0.77,0.45,0,0.41]
Name#235397
HCL[281.82,42.85,35.55]
oklab[0.45,-0.03,-0.12]
Num2315159
HSI[215.68,0.61,0.35]
lab[35.55,8.77,-41.94]
Lighten
#4b84d5
Darken
#102544
Saturate
#1050aa
Desaturate
#365684
Greyscale
#5d5d5d
Brighten
#5686ca

Color harmonies of #235397

Color harmonies are pleasing color schemes created according to their position on a color wheel. Learn more

Triad

Triadic color schemes are created by picking three colors equally spaced on the color wheel. They appear quite contrasted and multicolored.
#235397
#972353
#539723

Tetrad

Tetradic color schemes are made form two couples of complementary colors in a rectangular shape on the color wheel. They are very versatile, and work best with one dominant color.
#235397
#97238d
#976723
#23972d

Monochromatic

The monochromatic colors are those that have the same dye, but differ in hue, value and saturation. For example, paint samples have several different values ​​of the same color. Using two or more monochromatic colors will achieve an elegant and pleasant effect.
#235397
#2d6ac1
#3782ec
#050d17
#0f2442
#193c6c

Analogous

Analogous color schemes are made by picking three colors that are next to each other on the color wheel. They are perceived as calm and serene.
#235397
#238197
#236a97
#235397
#233c97
#232597

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#235397
#7e2397
#819723

Variations

View this color variations of shades, tints, tones, hues and temperatures.

Tints

A tint is created by adding white to a base color, increasing its lightness. Tints are likely to look pastel and less intense.
#ffffff
#eff3f8
#e0e6f0
#d0dae9
#c0cee1
#b0c2da
#a1b5d2
#91a9cb
#819dc4
#7290bc
#6284b5
#5278ad
#426ca6
#335f9e
#235397

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#03060b
#050c16
#081220
#0a182b
#0d1e36
#0f2441
#122a4c
#142f56
#173561
#193b6c
#1c4177
#1e4781
#214d8c
#235397

Contrast Checker

Verify the contrast of a #235397 colored text on white and black backgrounds. For additional options use Color Contrast Checker Tool.

7.621 Very Good When I used to read fairy tales, I fancied that kind of thing never happened, and now here I am in the middle of one!
2.756 Very Poor When I used to read fairy tales, I fancied that kind of thing never happened, and now here I am in the middle of one!

Color Palettes #235397

Some examples of color palettes with #235397. View more

Use #235397 in CSS

#235397 as Background Color in CSS
<div style="background-color:#235397">Background Color</div>
#235397 as Text Color in CSS
<div style="color:#235397">Text Color</div>
#235397 as Border Color in CSS
<div style="border-color:#235397">Border Color</div>
My Collection
Palettes

No palettes yet

Colors

No colors yet

Gradients

No gradients yet