#5fd2c6 hex color

In a RGB color space, hex #5fd2c6 is composed of 37.3% red, 82.4% green and 77.6% blue. Whereas in a CMYK color space, it is composed of 54.8% cyan, 0% magenta, 5.7% yellow and 17.6% black. It has a hue angle of 173.7 degrees, a saturation of 56.1% and a lightness of 59.8%. #5fd2c6 color hex could be obtained by blending #beffff with #00a58d. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 37
- G 82
- B 78
RGB color chart
- C 55
- M 0
- Y 6
- K 18
CMYK color chart

● #5fd2c6 color description : Moderate cyan.

The hexadecimal color #5fd2c6 has RGB values of R:95, G:210, B:198 and CMYK values of C:0.55, M:0, Y:0.06, K:0.18. Its decimal value is 6279878.

Hex triplet	5fd2c6	`#5fd2c6`
RGB Decimal	95, 210, 198	`rgb(95,210,198)`
RGB Percent	37.3, 82.4, 77.6	`rgb(37.3%,82.4%,77.6%)`
CMYK	55, 0, 6, 18
HSL	173.7°, 56.1, 59.8	`hsl(173.7,56.1%,59.8%)`
HSV (or HSB)	173.7°, 54.8, 82.4
Web Safe	66cccc	`#66cccc`

CIE-LAB	77.638, -35.415, -3.946
XYZ	37.956, 52.6, 61.576
xyY	0.249, 0.346, 52.6
CIE-LCH	77.638, 35.634, 186.357
CIE-LUV	77.638, -48.215, -0.406
Hunter-Lab	72.526, -33.505, 0.43
Binary	01011111, 11010010, 11000110

#5fd2c6
```
#5fd2c6 rgb(95,210,198)
```
#d25f6b
```
#d25f6b rgb(210,95,107)
```

Complementary Color

#5fd28d
```
#5fd28d rgb(95,210,141)
```
#5fd2c6
```
#5fd2c6 rgb(95,210,198)
```
#5fa5d2
```
#5fa5d2 rgb(95,165,210)
```

Analogous Color

#d28d5f
```
#d28d5f rgb(210,141,95)
```
#5fd2c6
```
#5fd2c6 rgb(95,210,198)
```
#d25fa5
```
#d25fa5 rgb(210,95,165)
```

Split Complementary Color

#d2c65f
```
#d2c65f rgb(210,198,95)
```
#5fd2c6
```
#5fd2c6 rgb(95,210,198)
```
#c65fd2
```
#c65fd2 rgb(198,95,210)
```

Triadic Color

#6bd25f
```
#6bd25f rgb(107,210,95)
```
#5fd2c6
```
#5fd2c6 rgb(95,210,198)
```
#c65fd2
```
#c65fd2 rgb(198,95,210)
```
#d25f6b
```
#d25f6b rgb(210,95,107)
```

Tetradic Color

#32b2a5
```
#32b2a5 rgb(50,178,165)
```
#38c6b7
```
#38c6b7 rgb(56,198,183)
```
#4bccbf
```
#4bccbf rgb(75,204,191)
```
#5fd2c6
```
#5fd2c6 rgb(95,210,198)
```
#73d8cd
```
#73d8cd rgb(115,216,205)
```
#87ddd4
```
#87ddd4 rgb(135,221,212)
```
#9be3db
```
#9be3db rgb(155,227,219)
```

Monochromatic Color

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

#5fd2a9
```
#5fd2a9 rgb(95,210,169)
```
#5fd2b3
```
#5fd2b3 rgb(95,210,179)
```
#5fd2bc
```
#5fd2bc rgb(95,210,188)
```
#5fd2c6
```
#5fd2c6 rgb(95,210,198)
```
#5fd2d0
```
#5fd2d0 rgb(95,210,208)
```
#5fcbd2
```
#5fcbd2 rgb(95,203,210)
```
#5fc1d2
```
#5fc1d2 rgb(95,193,210)
```

Similar Colors

Text with hexadecimal color #5fd2c6

This text has a font color of #5fd2c6.

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

#5fd2c6 background color

This paragraph has a background color of #5fd2c6.

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

#5fd2c6 border color

This element has a border color of #5fd2c6.

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

CSS codes

.text {color:#5fd2c6;}

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

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

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

#020808
```
#020808 rgb(2,8,8)
```
#071816
```
#071816 rgb(7,24,22)
```
#0b2724
```
#0b2724 rgb(11,39,36)
```
#0f3632
```
#0f3632 rgb(15,54,50)
```
#144640
```
#144640 rgb(20,70,64)
```
#18554f
```
#18554f rgb(24,85,79)
```
#1c645d
```
#1c645d rgb(28,100,93)
```
#21746b
```
#21746b rgb(33,116,107)
```
#258379
```
#258379 rgb(37,131,121)
```
#299287
```
#299287 rgb(41,146,135)
```
#2da295
```
#2da295 rgb(45,162,149)
```
#32b1a4
```
#32b1a4 rgb(50,177,164)
```
#36c0b2
```
#36c0b2 rgb(54,192,178)
```

Shade Color Variation

#40c9bb
```
#40c9bb rgb(64,201,187)
```
#50cec1
```
#50cec1 rgb(80,206,193)
```
#5fd2c6
```
#5fd2c6 rgb(95,210,198)
```
#6ed6cb
```
#6ed6cb rgb(110,214,203)
```
#7edbd1
```
#7edbd1 rgb(126,219,209)
```
#8ddfd6
```
#8ddfd6 rgb(141,223,214)
```
#9ce3dc
```
#9ce3dc rgb(156,227,220)
```
#ace8e1
```
#ace8e1 rgb(172,232,225)
```
#bbece7
```
#bbece7 rgb(187,236,231)
```
#caf0ec
```
#caf0ec rgb(202,240,236)
```
#d9f4f2
```
#d9f4f2 rgb(217,244,242)
```
#e9f9f7
```
#e9f9f7 rgb(233,249,247)
```
#f8fdfd
```
#f8fdfd rgb(248,253,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #969b9a is the less saturated color, while #38f9e5 is the most saturated one.

#969b9a
```
#969b9a rgb(150,155,154)
```
#8ea3a1
```
#8ea3a1 rgb(142,163,161)
```
#86aba7
```
#86aba7 rgb(134,171,167)
```
#7fb2ad
```
#7fb2ad rgb(127,178,173)
```
#77bab3
```
#77bab3 rgb(119,186,179)
```
#6fc2ba
```
#6fc2ba rgb(111,194,186)
```
#67cac0
```
#67cac0 rgb(103,202,192)
```
#5fd2c6
```
#5fd2c6 rgb(95,210,198)
```
#57dacc
```
#57dacc rgb(87,218,204)
```
#4fe2d2
```
#4fe2d2 rgb(79,226,210)
```
#47ead9
```
#47ead9 rgb(71,234,217)
```
#3ff2df
```
#3ff2df rgb(63,242,223)
```
#38f9e5
```
#38f9e5 rgb(56,249,229)
```

Tone Color Variation

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

#aeaeae Achromatopsia 0.005% of the population
#9eb5b3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c7c2bf Protanopia 1% of men
#cebdd0 Deuteranopia 1% of men
#71d0e0 Tritanopia 0.001% of the population

Trichromacy

#a1c7c1 Protanomaly 1% of men, 0.01% of women
#a6c5cc Deuteranomaly 6% of men, 0.4% of women
#6ad1d6 Tritanomaly 0.01% of the population

#5fd2c6 hex color

#5fd2c6 Color Information

#5fd2c6 Color Conversion

Color Schemes with #5fd2c6

Alternatives to #5fd2c6

#5fd2c6 Preview

Shades and Tints of #5fd2c6

Tones of #5fd2c6

Color Blindness Simulator