#5fddd1 hex color

In a RGB color space, hex #5fddd1 is composed of 37.3% red, 86.7% green and 82% blue. Whereas in a CMYK color space, it is composed of 57% cyan, 0% magenta, 5.4% yellow and 13.3% black. It has a hue angle of 174.3 degrees, a saturation of 64.9% and a lightness of 62%. #5fddd1 color hex could be obtained by blending #beffff with #00bba3. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 37
- G 87
- B 82
RGB color chart
- C 57
- M 0
- Y 5
- K 13
CMYK color chart

● #5fddd1 color description : Soft cyan.

The hexadecimal color #5fddd1 has RGB values of R:95, G:221, B:209 and CMYK values of C:0.57, M:0, Y:0.05, K:0.13. Its decimal value is 6282705.

Hex triplet	5fddd1	`#5fddd1`
RGB Decimal	95, 221, 209	`rgb(95,221,209)`
RGB Percent	37.3, 86.7, 82	`rgb(37.3%,86.7%,82%)`
CMYK	57, 0, 5, 13
HSL	174.3°, 64.9, 62	`hsl(174.3,64.9%,62%)`
HSV (or HSB)	174.3°, 57, 86.7
Web Safe	66cccc	`#66cccc`

CIE-LAB	81.152, -37.675, -4.649
XYZ	42.081, 58.746, 69.44
xyY	0.247, 0.345, 58.746
CIE-LCH	81.152, 37.961, 187.035
CIE-LUV	81.152, -51.789, -1.166
Hunter-Lab	76.646, -36.129, -0.063
Binary	01011111, 11011101, 11010001

#5fddd1
```
#5fddd1 rgb(95,221,209)
```
#dd5f6b
```
#dd5f6b rgb(221,95,107)
```

Complementary Color

#5fdd92
```
#5fdd92 rgb(95,221,146)
```
#5fddd1
```
#5fddd1 rgb(95,221,209)
```
#5faadd
```
#5faadd rgb(95,170,221)
```

Analogous Color

#dd925f
```
#dd925f rgb(221,146,95)
```
#5fddd1
```
#5fddd1 rgb(95,221,209)
```
#dd5faa
```
#dd5faa rgb(221,95,170)
```

Split Complementary Color

#ddd15f
```
#ddd15f rgb(221,209,95)
```
#5fddd1
```
#5fddd1 rgb(95,221,209)
```
#d15fdd
```
#d15fdd rgb(209,95,221)
```

Triadic Color

#6bdd5f
```
#6bdd5f rgb(107,221,95)
```
#5fddd1
```
#5fddd1 rgb(95,221,209)
```
#d15fdd
```
#d15fdd rgb(209,95,221)
```
#dd5f6b
```
#dd5f6b rgb(221,95,107)
```

Tetradic Color

#2ac6b7
```
#2ac6b7 rgb(42,198,183)
```
#35d4c5
```
#35d4c5 rgb(53,212,197)
```
#4ad9cb
```
#4ad9cb rgb(74,217,203)
```
#5fddd1
```
#5fddd1 rgb(95,221,209)
```
#74e1d7
```
#74e1d7 rgb(116,225,215)
```
#89e6dd
```
#89e6dd rgb(137,230,221)
```
#9eeae3
```
#9eeae3 rgb(158,234,227)
```

Monochromatic Color

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

#5fddb2
```
#5fddb2 rgb(95,221,178)
```
#5fddbc
```
#5fddbc rgb(95,221,188)
```
#5fddc7
```
#5fddc7 rgb(95,221,199)
```
#5fddd1
```
#5fddd1 rgb(95,221,209)
```
#5fdddc
```
#5fdddc rgb(95,221,220)
```
#5fd4dd
```
#5fd4dd rgb(95,212,221)
```
#5fcadd
```
#5fcadd rgb(95,202,221)
```

Similar Colors

Text with hexadecimal color #5fddd1

This text has a font color of #5fddd1.

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

#5fddd1 background color

This paragraph has a background color of #5fddd1.

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

#5fddd1 border color

This element has a border color of #5fddd1.

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

CSS codes

.text {color:#5fddd1;}

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

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

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

#000202
```
#000202 rgb(0,2,2)
```
#041211
```
#041211 rgb(4,18,17)
```
#072220
```
#072220 rgb(7,34,32)
```
#0b322f
```
#0b322f rgb(11,50,47)
```
#0e423e
```
#0e423e rgb(14,66,62)
```
#12534c
```
#12534c rgb(18,83,76)
```
#15635b
```
#15635b rgb(21,99,91)
```
#18736a
```
#18736a rgb(24,115,106)
```
#1c8379
```
#1c8379 rgb(28,131,121)
```
#1f9388
```
#1f9388 rgb(31,147,136)
```
#23a497
```
#23a497 rgb(35,164,151)
```
#26b4a6
```
#26b4a6 rgb(38,180,166)
```
#2ac4b5
```
#2ac4b5 rgb(42,196,181)
```

Shade Color Variation

#2ed3c3
```
#2ed3c3 rgb(46,211,195)
```
#3fd6c8
```
#3fd6c8 rgb(63,214,200)
```
#4fdacc
```
#4fdacc rgb(79,218,204)
```
#5fddd1
```
#5fddd1 rgb(95,221,209)
```
#6fe0d6
```
#6fe0d6 rgb(111,224,214)
```
#7fe4da
```
#7fe4da rgb(127,228,218)
```
#90e7df
```
#90e7df rgb(144,231,223)
```
#a0ebe4
```
#a0ebe4 rgb(160,235,228)
```
#b0eee8
```
#b0eee8 rgb(176,238,232)
```
#c0f2ed
```
#c0f2ed rgb(192,242,237)
```
#d0f5f2
```
#d0f5f2 rgb(208,245,242)
```
#e0f9f6
```
#e0f9f6 rgb(224,249,246)
```
#f1fcfb
```
#f1fcfb rgb(241,252,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9ba1a1 is the less saturated color, while #41fbe9 is the most saturated one.

#9ba1a1
```
#9ba1a1 rgb(155,161,161)
```
#93a9a7
```
#93a9a7 rgb(147,169,167)
```
#8cb0ad
```
#8cb0ad rgb(140,176,173)
```
#84b8b3
```
#84b8b3 rgb(132,184,179)
```
#7dbfb9
```
#7dbfb9 rgb(125,191,185)
```
#75c7bf
```
#75c7bf rgb(117,199,191)
```
#6ecec5
```
#6ecec5 rgb(110,206,197)
```
#66d6cb
```
#66d6cb rgb(102,214,203)
```
#5fddd1
```
#5fddd1 rgb(95,221,209)
```
#58e4d7
```
#58e4d7 rgb(88,228,215)
```
#50ecdd
```
#50ecdd rgb(80,236,221)
```
#49f3e3
```
#49f3e3 rgb(73,243,227)
```
#41fbe9
```
#41fbe9 rgb(65,251,233)
```

Tone Color Variation

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

#b6b6b6 Achromatopsia 0.005% of the population
#a5bebb Atypical Achromatopsia 0.001% of the population

Dichromacy

#d0cbc9 Protanopia 1% of men
#d7c6db Deuteranopia 1% of men
#72dbeb Tritanopia 0.001% of the population

Trichromacy

#a7d1cb Protanomaly 1% of men, 0.01% of women
#abced7 Deuteranomaly 6% of men, 0.4% of women
#6bdbe1 Tritanomaly 0.01% of the population

#5fddd1 hex color

#5fddd1 Color Information

#5fddd1 Color Conversion

Color Schemes with #5fddd1

Alternatives to #5fddd1

#5fddd1 Preview

Shades and Tints of #5fddd1

Tones of #5fddd1

Color Blindness Simulator