#57bcbd hex color

In a RGB color space, hex #57bcbd is composed of 34.1% red, 73.7% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 54% cyan, 0.5% magenta, 0% yellow and 25.9% black. It has a hue angle of 180.6 degrees, a saturation of 43.6% and a lightness of 54.1%. #57bcbd color hex could be obtained by blending #aeffff with #00797b. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 34
- G 74
- B 74
RGB color chart
- C 54
- M 1
- Y 0
- K 26
CMYK color chart

● #57bcbd color description : Moderate cyan.

The hexadecimal color #57bcbd has RGB values of R:87, G:188, B:189 and CMYK values of C:0.54, M:0.01, Y:0, K:0.26. Its decimal value is 5749949.

Hex triplet	57bcbd	`#57bcbd`
RGB Decimal	87, 188, 189	`rgb(87,188,189)`
RGB Percent	34.1, 73.7, 74.1	`rgb(34.1%,73.7%,74.1%)`
CMYK	54, 1, 0, 26
HSL	180.6°, 43.6, 54.1	`hsl(180.6,43.6%,54.1%)`
HSV (or HSB)	180.6°, 54, 74.1
Web Safe	66cccc	`#66cccc`

CIE-LAB	70.639, -28.914, -9.463
XYZ	31.096, 41.664, 54.545
xyY	0.244, 0.327, 41.664
CIE-LCH	70.639, 30.423, 198.122
CIE-LUV	70.639, -42.329, -9.986
Hunter-Lab	64.548, -26.966, -4.918
Binary	01010111, 10111100, 10111101

#57bcbd
```
#57bcbd rgb(87,188,189)
```
#bd5857
```
#bd5857 rgb(189,88,87)
```

Complementary Color

#57bd8b
```
#57bd8b rgb(87,189,139)
```
#57bcbd
```
#57bcbd rgb(87,188,189)
```
#5789bd
```
#5789bd rgb(87,137,189)
```

Analogous Color

#bd8b57
```
#bd8b57 rgb(189,139,87)
```
#57bcbd
```
#57bcbd rgb(87,188,189)
```
#bd5789
```
#bd5789 rgb(189,87,137)
```

Split Complementary Color

#bcbd57
```
#bcbd57 rgb(188,189,87)
```
#57bcbd
```
#57bcbd rgb(87,188,189)
```
#bd57bc
```
#bd57bc rgb(189,87,188)
```

Triadic Color

#57bd58
```
#57bd58 rgb(87,189,88)
```
#57bcbd
```
#57bcbd rgb(87,188,189)
```
#bd57bc
```
#bd57bc rgb(189,87,188)
```
#bd5857
```
#bd5857 rgb(189,88,87)
```

Tetradic Color

#388e8f
```
#388e8f rgb(56,142,143)
```
#3fa1a2
```
#3fa1a2 rgb(63,161,162)
```
#47b3b4
```
#47b3b4 rgb(71,179,180)
```
#57bcbd
```
#57bcbd rgb(87,188,189)
```
#69c3c4
```
#69c3c4 rgb(105,195,196)
```
#7ccbcb
```
#7ccbcb rgb(124,203,203)
```
#8ed2d3
```
#8ed2d3 rgb(142,210,211)
```

Monochromatic Color

Below, you can see some colors close to #57bcbd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#57bda5
```
#57bda5 rgb(87,189,165)
```
#57bdad
```
#57bdad rgb(87,189,173)
```
#57bdb6
```
#57bdb6 rgb(87,189,182)
```
#57bcbd
```
#57bcbd rgb(87,188,189)
```
#57b4bd
```
#57b4bd rgb(87,180,189)
```
#57abbd
```
#57abbd rgb(87,171,189)
```
#57a3bd
```
#57a3bd rgb(87,163,189)
```

Similar Colors

Text with hexadecimal color #57bcbd

This text has a font color of #57bcbd.

<span style="color:#57bcbd;">Text here</span>

#57bcbd background color

This paragraph has a background color of #57bcbd.

<p style="background-color:#57bcbd;">Content here</p>

#57bcbd border color

This element has a border color of #57bcbd.

<div style="border:1px solid #57bcbd;">Content here</div>

CSS codes

.text {color:#57bcbd;}

.background {background-color:#57bcbd;}

.border {border:1px solid #57bcbd;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #000101 is the darkest color, while #f2fafa is the lightest one.

#000101
```
#000101 rgb(0,1,1)
```
#060f0f
```
#060f0f rgb(6,15,15)
```
#0b1d1d
```
#0b1d1d rgb(11,29,29)
```
#112b2b
```
#112b2b rgb(17,43,43)
```
#173939
```
#173939 rgb(23,57,57)
```
#1c4747
```
#1c4747 rgb(28,71,71)
```
#225555
```
#225555 rgb(34,85,85)
```
#276364
```
#276364 rgb(39,99,100)
```
#2d7172
```
#2d7172 rgb(45,113,114)
```
#327f80
```
#327f80 rgb(50,127,128)
```
#388d8e
```
#388d8e rgb(56,141,142)
```
#3d9b9c
```
#3d9b9c rgb(61,155,156)
```
#43a9aa
```
#43a9aa rgb(67,169,170)
```

Shade Color Variation

#49b6b7
```
#49b6b7 rgb(73,182,183)
```
#57bcbd
```
#57bcbd rgb(87,188,189)
```
#65c2c3
```
#65c2c3 rgb(101,194,195)
```
#73c7c8
```
#73c7c8 rgb(115,199,200)
```
#81cdce
```
#81cdce rgb(129,205,206)
```
#8fd2d3
```
#8fd2d3 rgb(143,210,211)
```
#9dd8d9
```
#9dd8d9 rgb(157,216,217)
```
#abdede
```
#abdede rgb(171,222,222)
```
#bae3e4
```
#bae3e4 rgb(186,227,228)
```
#c8e9e9
```
#c8e9e9 rgb(200,233,233)
```
#d6efef
```
#d6efef rgb(214,239,239)
```
#e4f4f4
```
#e4f4f4 rgb(228,244,244)
```
#f2fafa
```
#f2fafa rgb(242,250,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #849090 is the less saturated color, while #18fafc is the most saturated one.

#849090
```
#849090 rgb(132,144,144)
```
#7b9999
```
#7b9999 rgb(123,153,153)
```
#72a2a2
```
#72a2a2 rgb(114,162,162)
```
#69aaab
```
#69aaab rgb(105,170,171)
```
#60b3b4
```
#60b3b4 rgb(96,179,180)
```
#57bcbd
```
#57bcbd rgb(87,188,189)
```
#4ec5c6
```
#4ec5c6 rgb(78,197,198)
```
#45cecf
```
#45cecf rgb(69,206,207)
```
#3cd6d8
```
#3cd6d8 rgb(60,214,216)
```
#33dfe1
```
#33dfe1 rgb(51,223,225)
```
#2ae8ea
```
#2ae8ea rgb(42,232,234)
```
#21f1f3
```
#21f1f3 rgb(33,241,243)
```
#18fafc
```
#18fafc rgb(24,250,252)
```

Tone Color Variation

Below, you can see how #57bcbd is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#9e9e9e Achromatopsia 0.005% of the population
#90a4a4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b1b0b7 Protanopia 1% of men
#b6acc7 Deuteranopia 1% of men
#64bdcb Tritanopia 0.001% of the population

Trichromacy

#90b4b9 Protanomaly 1% of men, 0.01% of women
#93b2c3 Deuteranomaly 6% of men, 0.4% of women
#5fbdc6 Tritanomaly 0.01% of the population

#57bcbd hex color

#57bcbd Color Information

#57bcbd Color Conversion

Color Schemes with #57bcbd

Alternatives to #57bcbd

#57bcbd Preview

Shades and Tints of #57bcbd

Tones of #57bcbd

Color Blindness Simulator