Color picker

#78b7ba

Conversion

HEX#78b7ba
HEX8#78b7baff
RGBrgb(120, 183, 186)
CMYK[0.35,0.02,0,0.27]
Name#78b7ba
HCL[202.31,20.9,70.46]
oklab[0.74,-0.06,-0.02]
Num7911354
HSI[182.31,0.26,0.64]
lab[70.46,-19.34,-7.93]
Lighten
#bcdbdc
Darken
#458487
Saturate
#64cace
Desaturate
#8ca4a6
Greyscale
#999999
Brighten
#abeaed

Color harmonies of #78b7ba

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.
#78b7ba
#ba78b7
#b7ba78

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.
#78b7ba
#9c78ba
#ba7b78
#96ba78

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.
#78b7ba
#93e1e4
#0a1010
#263a3a
#416365
#5d8d8f

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.
#78b7ba
#78baa3
#78bab0
#78b7ba
#78aaba
#789dba

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#78b7ba
#8878ba
#baa378

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
#f5fafa
#ecf5f5
#e2f0f0
#d8eaeb
#cfe5e6
#c5e0e1
#bcdbdd
#b2d6d8
#a8d1d3
#9fccce
#95c6c9
#8bc1c4
#82bcbf
#78b7ba

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#090d0d
#111a1b
#1a2728
#223435
#2b4142
#334e50
#3c5c5d
#45696a
#4d7678
#568385
#5e9092
#679d9f
#6faaad
#78b7ba

Contrast Checker

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

2.263 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.281 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 #78b7ba

Some examples of color palettes with #78b7ba. View more

Use #78b7ba in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet