Color picker

#8bb0ba

Conversion

HEX#8bb0ba
HEX8#8bb0baff
RGBrgb(139, 176, 186)
CMYK[0.25,0.05,0,0.27]
Name#8bb0ba
HCL[222.16,13.71,69.53]
oklab[0.73,-0.03,-0.03]
Num9154746
HSI[191.65,0.17,0.65]
lab[69.53,-10.16,-9.2]
Lighten
#cbdce0
Darken
#53808c
Saturate
#78bbcc
Desaturate
#9da5a7
Greyscale
#a2a2a2
Brighten
#bee3ed

Color harmonies of #8bb0ba

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.
#8bb0ba
#ba8bb0
#b0ba8b

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.
#8bb0ba
#ac8bba
#ba958b
#98ba8b

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.
#8bb0ba
#abd8e4
#0c0f10
#2c373a
#4b6065
#6b888f

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.
#8bb0ba
#8bbab1
#8bb9ba
#8bb0ba
#8ba7ba
#8b9dba

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#8bb0ba
#9e8bba
#bab18b

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
#eef4f5
#e6eef0
#dee8eb
#d6e3e6
#cddde1
#c5d8dd
#bdd2d8
#b4ccd3
#acc7ce
#a4c1c9
#9cbbc4
#93b6bf
#8bb0ba

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#0a0d0d
#14191b
#1e2628
#283235
#323f42
#3c4b50
#46585d
#4f656a
#597178
#637e85
#6d8a92
#77979f
#81a3ad
#8bb0ba

Contrast Checker

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

2.329 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.017 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 #8bb0ba

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

Use #8bb0ba in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet