Color picker

#8baeb4

Conversion

HEX#8baeb4
HEX8#8baeb4ff
RGBrgb(139, 174, 180)
CMYK[0.23,0.03,0,0.29]
Name#8baeb4
HCL[213.7,12.59,68.79]
oklab[0.73,-0.03,-0.02]
Num9154228
HSI[187.79,0.15,0.64]
lab[68.79,-10.48,-6.99]
Lighten
#c9d9dc
Darken
#557d84
Saturate
#78bbc7
Desaturate
#9ea0a1
Greyscale
#9f9f9f
Brighten
#bee1e7

Color harmonies of #8baeb4

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.
#8baeb4
#b48bae
#aeb48b

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.
#8baeb4
#a58bb4
#b4918b
#99b48b

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.
#8baeb4
#acd7de
#080a0a
#293334
#495c5f
#6a8589

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.
#8baeb4
#8bb4aa
#8bb4b2
#8baeb4
#8ba6b4
#8b9eb4

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#8baeb4
#998bb4
#b4aa8b

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
#f7f9fa
#eef3f4
#e6eeef
#dee8ea
#d6e2e4
#cddcdf
#c5d7da
#bdd1d4
#b4cbcf
#acc5c9
#a4bfc4
#9cbabf
#93b4b9
#8baeb4

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#0a0c0d
#14191a
#1e2527
#283233
#323e40
#3c4b4d
#46575a
#4f6367
#597074
#637c81
#6d898d
#77959a
#81a2a7
#8baeb4

Contrast Checker

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

2.383 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!
8.811 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 #8baeb4

Some examples of color palettes with #8baeb4. View more

Use #8baeb4 in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet