#5fd8e3 hex color

In a RGB color space, hex #5fd8e3 is composed of 37.3% red, 84.7% green and 89% blue. Whereas in a CMYK color space, it is composed of 58.1% cyan, 4.8% magenta, 0% yellow and 11% black. It has a hue angle of 185 degrees, a saturation of 70.2% and a lightness of 63.1%. #5fd8e3 color hex could be obtained by blending #beffff with #00b1c7. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 37
- G 85
- B 89
RGB color chart
- C 58
- M 5
- Y 0
- K 11
CMYK color chart

● #5fd8e3 color description : Soft cyan.

The hexadecimal color #5fd8e3 has RGB values of R:95, G:216, B:227 and CMYK values of C:0.58, M:0.05, Y:0, K:0.11. Its decimal value is 6281443.

Hex triplet	5fd8e3	`#5fd8e3`
RGB Decimal	95, 216, 227	`rgb(95,216,227)`
RGB Percent	37.3, 84.7, 89	`rgb(37.3%,84.7%,89%)`
CMYK	58, 5, 0, 11
HSL	185°, 70.2, 63.1	`hsl(185,70.2%,63.1%)`
HSV (or HSB)	185°, 58.1, 89
Web Safe	66cccc	`#66cccc`

CIE-LAB	80.229, -30.537, -15.617
XYZ	43.136, 57.087, 81.415
xyY	0.237, 0.314, 57.087
CIE-LCH	80.229, 34.298, 207.085
CIE-LUV	80.229, -48.991, -19.922
Hunter-Lab	75.556, -30.314, -10.998
Binary	01011111, 11011000, 11100011

#5fd8e3
```
#5fd8e3 rgb(95,216,227)
```
#e36a5f
```
#e36a5f rgb(227,106,95)
```

Complementary Color

#5fe3ac
```
#5fe3ac rgb(95,227,172)
```
#5fd8e3
```
#5fd8e3 rgb(95,216,227)
```
#5f96e3
```
#5f96e3 rgb(95,150,227)
```

Analogous Color

#e3ac5f
```
#e3ac5f rgb(227,172,95)
```
#5fd8e3
```
#5fd8e3 rgb(95,216,227)
```
#e35f96
```
#e35f96 rgb(227,95,150)
```

Split Complementary Color

#d8e35f
```
#d8e35f rgb(216,227,95)
```
#5fd8e3
```
#5fd8e3 rgb(95,216,227)
```
#e35fd8
```
#e35fd8 rgb(227,95,216)
```

Triadic Color

#5fe36a
```
#5fe36a rgb(95,227,106)
```
#5fd8e3
```
#5fd8e3 rgb(95,216,227)
```
#e35fd8
```
#e35fd8 rgb(227,95,216)
```
#e36a5f
```
#e36a5f rgb(227,106,95)
```

Tetradic Color

#25c3d1
```
#25c3d1 rgb(37,195,209)
```
#34cddb
```
#34cddb rgb(52,205,219)
```
#49d3df
```
#49d3df rgb(73,211,223)
```
#5fd8e3
```
#5fd8e3 rgb(95,216,227)
```
#75dde7
```
#75dde7 rgb(117,221,231)
```
#8ae3eb
```
#8ae3eb rgb(138,227,235)
```
#a0e8ee
```
#a0e8ee rgb(160,232,238)
```

Monochromatic Color

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

#5fe3cd
```
#5fe3cd rgb(95,227,205)
```
#5fe3d8
```
#5fe3d8 rgb(95,227,216)
```
#5fe3e3
```
#5fe3e3 rgb(95,227,227)
```
#5fd8e3
```
#5fd8e3 rgb(95,216,227)
```
#5fcde3
```
#5fcde3 rgb(95,205,227)
```
#5fc2e3
```
#5fc2e3 rgb(95,194,227)
```
#5fb7e3
```
#5fb7e3 rgb(95,183,227)
```

Similar Colors

Text with hexadecimal color #5fd8e3

This text has a font color of #5fd8e3.

<span style="color:#5fd8e3;">Text here</span>

#5fd8e3 background color

This paragraph has a background color of #5fd8e3.

<p style="background-color:#5fd8e3;">Content here</p>

#5fd8e3 border color

This element has a border color of #5fd8e3.

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

CSS codes

.text {color:#5fd8e3;}

.background {background-color:#5fd8e3;}

.border {border:1px solid #5fd8e3;}

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, #010607 is the darkest color, while #f5fdfd is the lightest one.

#010607
```
#010607 rgb(1,6,7)
```
#041618
```
#041618 rgb(4,22,24)
```
#072628
```
#072628 rgb(7,38,40)
```
#0a3539
```
#0a3539 rgb(10,53,57)
```
#0d454a
```
#0d454a rgb(13,69,74)
```
#10545a
```
#10545a rgb(16,84,90)
```
#13646b
```
#13646b rgb(19,100,107)
```
#16737c
```
#16737c rgb(22,115,124)
```
#19838c
```
#19838c rgb(25,131,140)
```
#1c929d
```
#1c929d rgb(28,146,157)
```
#1ea2ae
```
#1ea2ae rgb(30,162,174)
```
#21b1bf
```
#21b1bf rgb(33,177,191)
```
#24c1cf
```
#24c1cf rgb(36,193,207)
```

Shade Color Variation

#2dccda
```
#2dccda rgb(45,204,218)
```
#3ed0dd
```
#3ed0dd rgb(62,208,221)
```
#4ed4e0
```
#4ed4e0 rgb(78,212,224)
```
#5fd8e3
```
#5fd8e3 rgb(95,216,227)
```
#70dce6
```
#70dce6 rgb(112,220,230)
```
#80e0e9
```
#80e0e9 rgb(128,224,233)
```
#91e4ec
```
#91e4ec rgb(145,228,236)
```
#a2e8ef
```
#a2e8ef rgb(162,232,239)
```
#b2ecf2
```
#b2ecf2 rgb(178,236,242)
```
#c3f0f5
```
#c3f0f5 rgb(195,240,245)
```
#d4f4f7
```
#d4f4f7 rgb(212,244,247)
```
#e5f9fa
```
#e5f9fa rgb(229,249,250)
```
#f5fdfd
```
#f5fdfd rgb(245,253,253)
```

Tint Color Variation

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

#a0a2a2
```
#a0a2a2 rgb(160,162,162)
```
#99a8a9
```
#99a8a9 rgb(153,168,169)
```
#92aeb0
```
#92aeb0 rgb(146,174,176)
```
#8ab4b8
```
#8ab4b8 rgb(138,180,184)
```
#83babf
```
#83babf rgb(131,186,191)
```
#7cc0c6
```
#7cc0c6 rgb(124,192,198)
```
#75c6cd
```
#75c6cd rgb(117,198,205)
```
#6dccd5
```
#6dccd5 rgb(109,204,213)
```
#66d2dc
```
#66d2dc rgb(102,210,220)
```
#5fd8e3
```
#5fd8e3 rgb(95,216,227)
```
#58deea
```
#58deea rgb(88,222,234)
```
#51e4f1
```
#51e4f1 rgb(81,228,241)
```
#49eaf9
```
#49eaf9 rgb(73,234,249)
```

Tone Color Variation

Below, you can see how #5fd8e3 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

#b5b5b5 Achromatopsia 0.005% of the population
#a4bcbe Atypical Achromatopsia 0.001% of the population

Dichromacy

#c8c8da Protanopia 1% of men
#cbc5eb Deuteranopia 1% of men
#69d9e9 Tritanopia 0.001% of the population

Trichromacy

#a1cedd Protanomaly 1% of men, 0.01% of women
#a3cce8 Deuteranomaly 6% of men, 0.4% of women
#65d8e6 Tritanomaly 0.01% of the population

#5fd8e3 hex color

#5fd8e3 Color Information

#5fd8e3 Color Conversion

Color Schemes with #5fd8e3

Alternatives to #5fd8e3

#5fd8e3 Preview

Shades and Tints of #5fd8e3

Tones of #5fd8e3

Color Blindness Simulator