#5fd2d5 hex color

In a RGB color space, hex #5fd2d5 is composed of 37.3% red, 82.4% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 55.4% cyan, 1.4% magenta, 0% yellow and 16.5% black. It has a hue angle of 181.5 degrees, a saturation of 58.4% and a lightness of 60.4%. #5fd2d5 color hex could be obtained by blending #beffff with #00a5ab. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 37
- G 82
- B 84
RGB color chart
- C 55
- M 1
- Y 0
- K 16
CMYK color chart

● #5fd2d5 color description : Moderate cyan.

The hexadecimal color #5fd2d5 has RGB values of R:95, G:210, B:213 and CMYK values of C:0.55, M:0.01, Y:0, K:0.16. Its decimal value is 6279893.

Hex triplet	5fd2d5	`#5fd2d5`
RGB Decimal	95, 210, 213	`rgb(95,210,213)`
RGB Percent	37.3, 82.4, 83.5	`rgb(37.3%,82.4%,83.5%)`
CMYK	55, 1, 0, 16
HSL	181.5°, 58.4, 60.4	`hsl(181.5,58.4%,60.4%)`
HSV (or HSB)	181.5°, 55.4, 83.5
Web Safe	66cccc	`#66cccc`

CIE-LAB	78.068, -31.481, -11.364
XYZ	39.773, 53.327, 71.144
xyY	0.242, 0.325, 53.327
CIE-LCH	78.068, 33.469, 199.848
CIE-LUV	78.068, -47.469, -12.785
Hunter-Lab	73.025, -30.576, -6.645
Binary	01011111, 11010010, 11010101

#5fd2d5
```
#5fd2d5 rgb(95,210,213)
```
#d5625f
```
#d5625f rgb(213,98,95)
```

Complementary Color

#5fd59d
```
#5fd59d rgb(95,213,157)
```
#5fd2d5
```
#5fd2d5 rgb(95,210,213)
```
#5f97d5
```
#5f97d5 rgb(95,151,213)
```

Analogous Color

#d59d5f
```
#d59d5f rgb(213,157,95)
```
#5fd2d5
```
#5fd2d5 rgb(95,210,213)
```
#d55f97
```
#d55f97 rgb(213,95,151)
```

Split Complementary Color

#d2d55f
```
#d2d55f rgb(210,213,95)
```
#5fd2d5
```
#5fd2d5 rgb(95,210,213)
```
#d55fd2
```
#d55fd2 rgb(213,95,210)
```

Triadic Color

#5fd562
```
#5fd562 rgb(95,213,98)
```
#5fd2d5
```
#5fd2d5 rgb(95,210,213)
```
#d55fd2
```
#d55fd2 rgb(213,95,210)
```
#d5625f
```
#d5625f rgb(213,98,95)
```

Tetradic Color

#30b4b7
```
#30b4b7 rgb(48,180,183)
```
#37c7ca
```
#37c7ca rgb(55,199,202)
```
#4bccd0
```
#4bccd0 rgb(75,204,208)
```
#5fd2d5
```
#5fd2d5 rgb(95,210,213)
```
#73d8da
```
#73d8da rgb(115,216,218)
```
#87dde0
```
#87dde0 rgb(135,221,224)
```
#9ce3e5
```
#9ce3e5 rgb(156,227,229)
```

Monochromatic Color

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

#5fd5bb
```
#5fd5bb rgb(95,213,187)
```
#5fd5c4
```
#5fd5c4 rgb(95,213,196)
```
#5fd5ce
```
#5fd5ce rgb(95,213,206)
```
#5fd2d5
```
#5fd2d5 rgb(95,210,213)
```
#5fc8d5
```
#5fc8d5 rgb(95,200,213)
```
#5fbed5
```
#5fbed5 rgb(95,190,213)
```
#5fb5d5
```
#5fb5d5 rgb(95,181,213)
```

Similar Colors

Text with hexadecimal color #5fd2d5

This text has a font color of #5fd2d5.

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

#5fd2d5 background color

This paragraph has a background color of #5fd2d5.

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

#5fd2d5 border color

This element has a border color of #5fd2d5.

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

CSS codes

.text {color:#5fd2d5;}

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

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

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, #030b0b is the darkest color, while #fafefe is the lightest one.

#030b0b
```
#030b0b rgb(3,11,11)
```
#071a1a
```
#071a1a rgb(7,26,26)
```
#0b292a
```
#0b292a rgb(11,41,42)
```
#0f383a
```
#0f383a rgb(15,56,58)
```
#134849
```
#134849 rgb(19,72,73)
```
#175759
```
#175759 rgb(23,87,89)
```
#1b6668
```
#1b6668 rgb(27,102,104)
```
#1f7578
```
#1f7578 rgb(31,117,120)
```
#238587
```
#238587 rgb(35,133,135)
```
#289497
```
#289497 rgb(40,148,151)
```
#2ca3a6
```
#2ca3a6 rgb(44,163,166)
```
#30b2b6
```
#30b2b6 rgb(48,178,182)
```
#34c2c5
```
#34c2c5 rgb(52,194,197)
```

Shade Color Variation

#40c9cd
```
#40c9cd rgb(64,201,205)
```
#4fced1
```
#4fced1 rgb(79,206,209)
```
#5fd2d5
```
#5fd2d5 rgb(95,210,213)
```
#6fd6d9
```
#6fd6d9 rgb(111,214,217)
```
#7edbdd
```
#7edbdd rgb(126,219,221)
```
#8edfe1
```
#8edfe1 rgb(142,223,225)
```
#9de3e5
```
#9de3e5 rgb(157,227,229)
```
#ade8e9
```
#ade8e9 rgb(173,232,233)
```
#bceced
```
#bceced rgb(188,236,237)
```
#ccf1f2
```
#ccf1f2 rgb(204,241,242)
```
#dbf5f6
```
#dbf5f6 rgb(219,245,246)
```
#ebf9fa
```
#ebf9fa rgb(235,249,250)
```
#fafefe
```
#fafefe rgb(250,254,254)
```

Tint Color Variation

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

#959e9f
```
#959e9f rgb(149,158,159)
```
#8ea6a6
```
#8ea6a6 rgb(142,166,166)
```
#86adae
```
#86adae rgb(134,173,174)
```
#7eb5b6
```
#7eb5b6 rgb(126,181,182)
```
#76bcbe
```
#76bcbe rgb(118,188,190)
```
#6fc3c5
```
#6fc3c5 rgb(111,195,197)
```
#67cbcd
```
#67cbcd rgb(103,203,205)
```
#5fd2d5
```
#5fd2d5 rgb(95,210,213)
```
#57d9dd
```
#57d9dd rgb(87,217,221)
```
#4fe1e5
```
#4fe1e5 rgb(79,225,229)
```
#48e8ec
```
#48e8ec rgb(72,232,236)
```
#40eff4
```
#40eff4 rgb(64,239,244)
```
#38f7fc
```
#38f7fc rgb(56,247,252)
```

Tone Color Variation

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

#b0b0b0 Achromatopsia 0.005% of the population
#a0b7b7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c4c3cd Protanopia 1% of men
#c9bfde Deuteranopia 1% of men
#6cd2e1 Tritanopia 0.001% of the population

Trichromacy

#9fc8d0 Protanomaly 1% of men, 0.01% of women
#a2c6db Deuteranomaly 6% of men, 0.4% of women
#67d2dd Tritanomaly 0.01% of the population

#5fd2d5 hex color

#5fd2d5 Color Information

#5fd2d5 Color Conversion

Color Schemes with #5fd2d5

Alternatives to #5fd2d5

#5fd2d5 Preview

Shades and Tints of #5fd2d5

Tones of #5fd2d5

Color Blindness Simulator