Color picker

#1198ce

Conversion

HEX#1198ce
HEX8#1198ceff
RGBrgb(17, 152, 206)
CMYK[0.92,0.26,0,0.19]
Name#1198ce
HCL[249.81,39.23,59]
oklab[0.64,-0.08,-0.1]
Num1153230
HSI[196.1,0.86,0.49]
lab[59,-13.54,-36.82]
Lighten
#54c4f1
Darken
#095270
Saturate
#009fdf
Desaturate
#278eb8
Greyscale
#6f6f6f
Brighten
#44cbff

Color harmonies of #1198ce

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.
#1198ce
#ce1198
#98ce11

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.
#1198ce
#a511ce
#ce4711
#39ce11

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.
#1198ce
#15b7f8
#031b24
#063a4e
#0a5979
#0e79a3

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

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#1198ce
#6d11ce
#ceb811

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
#eef8fc
#ddf0f8
#cce9f5
#bbe2f1
#aadaee
#99d3ea
#88cce7
#77c4e3
#66bde0
#55b5dc
#44aed9
#33a7d5
#229fd2
#1198ce

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#010b0f
#02161d
#04212c
#052b3b
#06364a
#074158
#094c67
#0a5776
#0b6284
#0c6d93
#0d77a2
#0f82b1
#108dbf
#1198ce

Contrast Checker

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

3.278 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!
6.406 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!

Color Palettes #1198ce

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

Use #1198ce in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet