Color picker

#1172ce

Conversion

HEX#1172ce
HEX8#1172ceff
RGBrgb(17, 114, 206)
CMYK[0.92,0.45,0,0.19]
Name#1172ce
HCL[279.34,55.38,47.76]
oklab[0.55,-0.05,-0.16]
Num1143502
HSI[209.12,0.85,0.44]
lab[47.76,8.99,-54.64]
Lighten
#54a5f1
Darken
#093e70
Saturate
#0072df
Desaturate
#2771b8
Greyscale
#6f6f6f
Brighten
#44a5ff

Color harmonies of #1172ce

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.
#1172ce
#ce1172
#72ce11

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.
#1172ce
#cb11ce
#ce6d11
#14ce11

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.
#1172ce
#158af8
#031424
#062b4e
#0a4379
#0e5aa3

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.
#1172ce
#11bece
#1198ce
#1172ce
#114cce
#1126ce

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#1172ce
#9311ce
#bece11

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
#eef5fc
#ddebf8
#cce1f5
#bbd7f1
#aacdee
#99c3ea
#88b9e7
#77aee3
#66a4e0
#559adc
#4490d9
#3386d5
#227cd2
#1172ce

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#01080f
#02101d
#04182c
#05213b
#06294a
#073158
#093967
#0a4176
#0b4984
#0c5193
#0d5aa2
#0f62b1
#106abf
#1172ce

Contrast Checker

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

4.859 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!
4.322 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 #1172ce

Some examples of color palettes with #1172ce. View more

Use #1172ce in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet