Color picker

#57bbd5

Conversion

HEX#57bbd5
HEX8#57bbd5ff
RGBrgb(87, 187, 213)
CMYK[0.59,0.12,0,0.16]
Name#57bbd5
HCL[225.31,30.74,71.12]
oklab[0.74,-0.08,-0.06]
Num5749717
HSI[191.27,0.46,0.64]
lab[71.12,-21.62,-21.86]
Lighten
#a9dce9
Darken
#28869e
Saturate
#42c7ea
Desaturate
#6cafc0
Greyscale
#969696
Brighten
#8aeeff

Color harmonies of #57bbd5

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.
#57bbd5
#d557bb
#bbd557

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.
#57bbd5
#b057d5
#d57157
#7cd557

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.
#57bbd5
#000000
#12262b
#234b55
#347080
#4696aa

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.
#57bbd5
#57d5bd
#57d4d5
#57bbd5
#57a2d5
#5789d5

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#57bbd5
#8a57d5
#d5bd57

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
#f3fafc
#e7f5f9
#dbf0f6
#cfecf3
#c3e7f0
#b7e2ed
#abddea
#9fd8e7
#93d3e4
#87cee1
#7bcade
#6fc5db
#63c0d8
#57bbd5

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#060d0f
#0c1b1e
#13282e
#19353d
#1f434c
#25505b
#2c5e6b
#326b7a
#387889
#3e8698
#4493a7
#4ba0b7
#51aec6
#57bbd5

Contrast Checker

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

2.217 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.474 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 #57bbd5

Some examples of color palettes with #57bbd5. View more

Use #57bbd5 in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet