#57e5f2 hex color

In a RGB color space, hex #57e5f2 is composed of 34.1% red, 89.8% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 64% cyan, 5.4% magenta, 0% yellow and 5.1% black. It has a hue angle of 185 degrees, a saturation of 85.6% and a lightness of 64.5%. #57e5f2 color hex could be obtained by blending #aeffff with #00cbe5. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 34
- G 90
- B 95
RGB color chart
- C 64
- M 5
- Y 0
- K 5
CMYK color chart

● #57e5f2 color description : Soft cyan.

The hexadecimal color #57e5f2 has RGB values of R:87, G:229, B:242 and CMYK values of C:0.64, M:0.05, Y:0, K:0.05. Its decimal value is 5760498.

Hex triplet	57e5f2	`#57e5f2`
RGB Decimal	87, 229, 242	`rgb(87,229,242)`
RGB Percent	34.1, 89.8, 94.9	`rgb(34.1%,89.8%,94.9%)`
CMYK	64, 5, 0, 5
HSL	185°, 85.6, 64.5	`hsl(185,85.6%,64.5%)`
HSV (or HSB)	185°, 64, 94.9
Web Safe	66ccff	`#66ccff`

CIE-LAB	84.211, -33.847, -17.603
XYZ	47.972, 64.472, 93.916
xyY	0.232, 0.312, 64.472
CIE-LCH	84.211, 38.151, 207.478
CIE-LUV	84.211, -54.593, -22.87
Hunter-Lab	80.294, -33.869, -13.142
Binary	01010111, 11100101, 11110010

#57e5f2
```
#57e5f2 rgb(87,229,242)
```
#f26457
```
#f26457 rgb(242,100,87)
```

Complementary Color

#57f2b2
```
#57f2b2 rgb(87,242,178)
```
#57e5f2
```
#57e5f2 rgb(87,229,242)
```
#5798f2
```
#5798f2 rgb(87,152,242)
```

Analogous Color

#f2b257
```
#f2b257 rgb(242,178,87)
```
#57e5f2
```
#57e5f2 rgb(87,229,242)
```
#f25798
```
#f25798 rgb(242,87,152)
```

Split Complementary Color

#e5f257
```
#e5f257 rgb(229,242,87)
```
#57e5f2
```
#57e5f2 rgb(87,229,242)
```
#f257e5
```
#f257e5 rgb(242,87,229)
```

Triadic Color

#57f264
```
#57f264 rgb(87,242,100)
```
#57e5f2
```
#57e5f2 rgb(87,229,242)
```
#f257e5
```
#f257e5 rgb(242,87,229)
```
#f26457
```
#f26457 rgb(242,100,87)
```

Tetradic Color

#12d8ea
```
#12d8ea rgb(18,216,234)
```
#28deee
```
#28deee rgb(40,222,238)
```
#3fe1f0
```
#3fe1f0 rgb(63,225,240)
```
#57e5f2
```
#57e5f2 rgb(87,229,242)
```
#6fe9f4
```
#6fe9f4 rgb(111,233,244)
```
#86ecf6
```
#86ecf6 rgb(134,236,246)
```
#9ef0f7
```
#9ef0f7 rgb(158,240,247)
```

Monochromatic Color

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

#57f2d8
```
#57f2d8 rgb(87,242,216)
```
#57f2e5
```
#57f2e5 rgb(87,242,229)
```
#57f2f2
```
#57f2f2 rgb(87,242,242)
```
#57e5f2
```
#57e5f2 rgb(87,229,242)
```
#57d8f2
```
#57d8f2 rgb(87,216,242)
```
#57cbf2
```
#57cbf2 rgb(87,203,242)
```
#57bef2
```
#57bef2 rgb(87,190,242)
```

Similar Colors

Text with hexadecimal color #57e5f2

This text has a font color of #57e5f2.

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

#57e5f2 background color

This paragraph has a background color of #57e5f2.

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

#57e5f2 border color

This element has a border color of #57e5f2.

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

CSS codes

.text {color:#57e5f2;}

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

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

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, #010d0e is the darkest color, while #fbfeff is the lightest one.

#010d0e
```
#010d0e rgb(1,13,14)
```
#021e20
```
#021e20 rgb(2,30,32)
```
#042f32
```
#042f32 rgb(4,47,50)
```
#053f45
```
#053f45 rgb(5,63,69)
```
#075057
```
#075057 rgb(7,80,87)
```
#086169
```
#086169 rgb(8,97,105)
```
#0a727b
```
#0a727b rgb(10,114,123)
```
#0b838e
```
#0b838e rgb(11,131,142)
```
#0c93a0
```
#0c93a0 rgb(12,147,160)
```
#0ea4b2
```
#0ea4b2 rgb(14,164,178)
```
#0fb5c4
```
#0fb5c4 rgb(15,181,196)
```
#11c6d6
```
#11c6d6 rgb(17,198,214)
```
#12d7e9
```
#12d7e9 rgb(18,215,233)
```

Shade Color Variation

#20ddee
```
#20ddee rgb(32,221,238)
```
#33dfef
```
#33dfef rgb(51,223,239)
```
#45e2f1
```
#45e2f1 rgb(69,226,241)
```
#57e5f2
```
#57e5f2 rgb(87,229,242)
```
#69e8f3
```
#69e8f3 rgb(105,232,243)
```
#7bebf5
```
#7bebf5 rgb(123,235,245)
```
#8eedf6
```
#8eedf6 rgb(142,237,246)
```
#a0f0f8
```
#a0f0f8 rgb(160,240,248)
```
#b2f3f9
```
#b2f3f9 rgb(178,243,249)
```
#c4f6fa
```
#c4f6fa rgb(196,246,250)
```
#d6f9fc
```
#d6f9fc rgb(214,249,252)
```
#e9fcfd
```
#e9fcfd rgb(233,252,253)
```
#fbfeff
```
#fbfeff rgb(251,254,255)
```

Tint Color Variation

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

#a4a5a5
```
#a4a5a5 rgb(164,165,165)
```
#9dabac
```
#9dabac rgb(157,171,172)
```
#96b1b3
```
#96b1b3 rgb(150,177,179)
```
#8fb7ba
```
#8fb7ba rgb(143,183,186)
```
#88bcc1
```
#88bcc1 rgb(136,188,193)
```
#81c2c8
```
#81c2c8 rgb(129,194,200)
```
#7ac8cf
```
#7ac8cf rgb(122,200,207)
```
#73ced6
```
#73ced6 rgb(115,206,214)
```
#6cd4dd
```
#6cd4dd rgb(108,212,221)
```
#65d9e4
```
#65d9e4 rgb(101,217,228)
```
#5edfeb
```
#5edfeb rgb(94,223,235)
```
#57e5f2
```
#57e5f2 rgb(87,229,242)
```
#50ebf9
```
#50ebf9 rgb(80,235,249)
```

Tone Color Variation

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

#bcbcbc Achromatopsia 0.005% of the population
#a8c4c7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d2d3e7 Protanopia 1% of men
#d3d0fa Deuteranopia 1% of men
#62e5f6 Tritanopia 0.001% of the population

Trichromacy

#a5d9eb Protanomaly 1% of men, 0.01% of women
#a6d7f7 Deuteranomaly 6% of men, 0.4% of women
#5ee5f4 Tritanomaly 0.01% of the population

#57e5f2 hex color

#57e5f2 Color Information

#57e5f2 Color Conversion

Color Schemes with #57e5f2

Alternatives to #57e5f2

#57e5f2 Preview

Shades and Tints of #57e5f2

Tones of #57e5f2

Color Blindness Simulator