Color picker

#9eafaa

Conversion

HEX#9eafaa
HEX8#9eafaaff
RGBrgb(158, 175, 170)
CMYK[0.1,0,0.03,0.31]
Name#9eafaa
HCL[175.49,6.92,70.06]
oklab[0.74,-0.02,0]
Num10399658
HSI[163.37,0.06,0.66]
lab[70.06,-6.89,0.54]
Lighten
#d6dddb
Darken
#687f78
Saturate
#8cc1b1
Desaturate
#a6a6a6
Greyscale
#a6a6a6
Brighten
#d1e2dd

Color harmonies of #9eafaa

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.
#9eafaa
#aa9eaf
#afaa9e

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.
#9eafaa
#a19eaf
#af9ea3
#abaf9e

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.
#9eafaa
#c4d9d3
#050505
#2b2f2e
#515a57
#788481

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.
#9eafaa
#9eafa3
#9eafa7
#9eafaa
#9eafad
#9eadaf

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#9eafaa
#9ea0af
#afa39e

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
#f8f9f9
#f1f4f3
#eaeeed
#e3e8e7
#dce2e1
#d5dddb
#cfd7d5
#c8d1ce
#c1ccc8
#bac6c2
#b3c0bc
#acbab6
#a5b5b0
#9eafaa

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#0b0d0c
#171918
#222624
#2d3231
#383f3d
#444b49
#4f5855
#5a6461
#66716d
#717d79
#7c8a86
#879692
#93a39e
#9eafaa

Contrast Checker

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

2.291 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!
9.166 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!

Color Palettes #9eafaa

Some examples of color palettes with #9eafaa. View more

Use #9eafaa in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet