#57bd9e hex color

In a RGB color space, hex #57bd9e is composed of 34.1% red, 74.1% green and 62% blue. Whereas in a CMYK color space, it is composed of 54% cyan, 0% magenta, 16.4% yellow and 25.9% black. It has a hue angle of 161.8 degrees, a saturation of 43.6% and a lightness of 54.1%. #57bd9e color hex could be obtained by blending #aeffff with #007b3d. Closest websafe color is: #66cc99.

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

● #57bd9e color description : Moderate cyan - lime green.

The hexadecimal color #57bd9e has RGB values of R:87, G:189, B:158 and CMYK values of C:0.54, M:0, Y:0.16, K:0.26. Its decimal value is 5750174.

Hex triplet	57bd9e	`#57bd9e`
RGB Decimal	87, 189, 158	`rgb(87,189,158)`
RGB Percent	34.1, 74.1, 62	`rgb(34.1%,74.1%,62%)`
CMYK	54, 0, 16, 26
HSL	161.8°, 43.6, 54.1	`hsl(161.8,43.6%,54.1%)`
HSV (or HSB)	161.8°, 54, 74.1
Web Safe	66cc99	`#66cc99`

CIE-LAB	70.097, -37.242, 6.716
XYZ	28.298, 40.888, 38.747
xyY	0.262, 0.379, 40.888
CIE-LCH	70.097, 37.843, 169.778
CIE-LUV	70.097, -44.182, 15.703
Hunter-Lab	63.944, -32.908, 8.834
Binary	01010111, 10111101, 10011110

#57bd9e
```
#57bd9e rgb(87,189,158)
```
#bd5776
```
#bd5776 rgb(189,87,118)
```

Complementary Color

#57bd6b
```
#57bd6b rgb(87,189,107)
```
#57bd9e
```
#57bd9e rgb(87,189,158)
```
#57a9bd
```
#57a9bd rgb(87,169,189)
```

Analogous Color

#bd6b57
```
#bd6b57 rgb(189,107,87)
```
#57bd9e
```
#57bd9e rgb(87,189,158)
```
#bd57a9
```
#bd57a9 rgb(189,87,169)
```

Split Complementary Color

#bd9e57
```
#bd9e57 rgb(189,158,87)
```
#57bd9e
```
#57bd9e rgb(87,189,158)
```
#9e57bd
```
#9e57bd rgb(158,87,189)
```

Triadic Color

#76bd57
```
#76bd57 rgb(118,189,87)
```
#57bd9e
```
#57bd9e rgb(87,189,158)
```
#9e57bd
```
#9e57bd rgb(158,87,189)
```
#bd5776
```
#bd5776 rgb(189,87,118)
```

Tetradic Color

#388f75
```
#388f75 rgb(56,143,117)
```
#3fa284
```
#3fa284 rgb(63,162,132)
```
#47b493
```
#47b493 rgb(71,180,147)
```
#57bd9e
```
#57bd9e rgb(87,189,158)
```
#69c4a9
```
#69c4a9 rgb(105,196,169)
```
#7ccbb3
```
#7ccbb3 rgb(124,203,179)
```
#8ed3be
```
#8ed3be rgb(142,211,190)
```

Monochromatic Color

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

#57bd85
```
#57bd85 rgb(87,189,133)
```
#57bd8d
```
#57bd8d rgb(87,189,141)
```
#57bd96
```
#57bd96 rgb(87,189,150)
```
#57bd9e
```
#57bd9e rgb(87,189,158)
```
#57bda7
```
#57bda7 rgb(87,189,167)
```
#57bdaf
```
#57bdaf rgb(87,189,175)
```
#57bdb8
```
#57bdb8 rgb(87,189,184)
```

Similar Colors

Text with hexadecimal color #57bd9e

This text has a font color of #57bd9e.

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

#57bd9e background color

This paragraph has a background color of #57bd9e.

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

#57bd9e border color

This element has a border color of #57bd9e.

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

CSS codes

.text {color:#57bd9e;}

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

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

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 #f2faf7 is the lightest one.

#000101
```
#000101 rgb(0,1,1)
```
#060f0c
```
#060f0c rgb(6,15,12)
```
#0b1d18
```
#0b1d18 rgb(11,29,24)
```
#112b23
```
#112b23 rgb(17,43,35)
```
#17392f
```
#17392f rgb(23,57,47)
```
#1c473a
```
#1c473a rgb(28,71,58)
```
#225546
```
#225546 rgb(34,85,70)
```
#276451
```
#276451 rgb(39,100,81)
```
#2d725d
```
#2d725d rgb(45,114,93)
```
#328068
```
#328068 rgb(50,128,104)
```
#388e74
```
#388e74 rgb(56,142,116)
```
#3d9c7f
```
#3d9c7f rgb(61,156,127)
```
#43aa8b
```
#43aa8b rgb(67,170,139)
```

Shade Color Variation

#49b796
```
#49b796 rgb(73,183,150)
```
#57bd9e
```
#57bd9e rgb(87,189,158)
```
#65c3a6
```
#65c3a6 rgb(101,195,166)
```
#73c8ae
```
#73c8ae rgb(115,200,174)
```
#81ceb6
```
#81ceb6 rgb(129,206,182)
```
#8fd3bf
```
#8fd3bf rgb(143,211,191)
```
#9dd9c7
```
#9dd9c7 rgb(157,217,199)
```
#abdecf
```
#abdecf rgb(171,222,207)
```
#bae4d7
```
#bae4d7 rgb(186,228,215)
```
#c8e9df
```
#c8e9df rgb(200,233,223)
```
#d6efe7
```
#d6efe7 rgb(214,239,231)
```
#e4f4ef
```
#e4f4ef rgb(228,244,239)
```
#f2faf7
```
#f2faf7 rgb(242,250,247)
```

Tint Color Variation

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

#84908c
```
#84908c rgb(132,144,140)
```
#7b9990
```
#7b9990 rgb(123,153,144)
```
#72a293
```
#72a293 rgb(114,162,147)
```
#69ab97
```
#69ab97 rgb(105,171,151)
```
#60b49a
```
#60b49a rgb(96,180,154)
```
#57bd9e
```
#57bd9e rgb(87,189,158)
```
#4ec6a2
```
#4ec6a2 rgb(78,198,162)
```
#45cfa5
```
#45cfa5 rgb(69,207,165)
```
#3cd8a9
```
#3cd8a9 rgb(60,216,169)
```
#33e1ac
```
#33e1ac rgb(51,225,172)
```
#2aeab0
```
#2aeab0 rgb(42,234,176)
```
#21f3b3
```
#21f3b3 rgb(33,243,179)
```
#18fcb7
```
#18fcb7 rgb(24,252,183)
```

Tone Color Variation

Below, you can see how #57bd9e 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

#9b9b9b Achromatopsia 0.005% of the population
#8da29c Atypical Achromatopsia 0.001% of the population

Dichromacy

#b7af9a Protanopia 1% of men
#c1aaaa Deuteranopia 1% of men
#6ebbc8 Tritanopia 0.001% of the population

Trichromacy

#94b49b Protanomaly 1% of men, 0.01% of women
#9ab1a6 Deuteranomaly 6% of men, 0.4% of women
#65bbb9 Tritanomaly 0.01% of the population

#57bd9e hex color

#57bd9e Color Information

#57bd9e Color Conversion

Color Schemes with #57bd9e

Alternatives to #57bd9e

#57bd9e Preview

Shades and Tints of #57bd9e

Tones of #57bd9e

Color Blindness Simulator