#5defd2 hex color

In a RGB color space, hex #5defd2 is composed of 36.5% red, 93.7% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 61.1% cyan, 0% magenta, 12.1% yellow and 6.3% black. It has a hue angle of 168.1 degrees, a saturation of 82% and a lightness of 65.1%. #5defd2 color hex could be obtained by blending #baffff with #00dfa5. Closest websafe color is: #66ffcc.

♥
- f
- t
- g
- R 36
- G 94
- B 82
RGB color chart
- C 61
- M 0
- Y 12
- K 6
CMYK color chart

● #5defd2 color description : Soft cyan.

The hexadecimal color #5defd2 has RGB values of R:93, G:239, B:210 and CMYK values of C:0.61, M:0, Y:0.12, K:0.06. Its decimal value is 6156242.

Hex triplet	5defd2	`#5defd2`
RGB Decimal	93, 239, 210	`rgb(93,239,210)`
RGB Percent	36.5, 93.7, 82.4	`rgb(36.5%,93.7%,82.4%)`
CMYK	61, 0, 12, 6
HSL	168.1°, 82, 65.1	`hsl(168.1,82%,65.1%)`
HSV (or HSB)	168.1°, 61.1, 93.7
Web Safe	66ffcc	`#66ffcc`

CIE-LAB	86.36, -45.792, 2.439
XYZ	47.01, 68.709, 71.754
xyY	0.251, 0.367, 68.709
CIE-LCH	86.36, 45.857, 176.951
CIE-LUV	86.36, -58.83, 11.172
Hunter-Lab	82.891, -43.827, 6.7
Binary	01011101, 11101111, 11010010

#5defd2
```
#5defd2 rgb(93,239,210)
```
#ef5d7a
```
#ef5d7a rgb(239,93,122)
```

Complementary Color

#5def89
```
#5def89 rgb(93,239,137)
```
#5defd2
```
#5defd2 rgb(93,239,210)
```
#5dc3ef
```
#5dc3ef rgb(93,195,239)
```

Analogous Color

#ef895d
```
#ef895d rgb(239,137,93)
```
#5defd2
```
#5defd2 rgb(93,239,210)
```
#ef5dc3
```
#ef5dc3 rgb(239,93,195)
```

Split Complementary Color

#efd25d
```
#efd25d rgb(239,210,93)
```
#5defd2
```
#5defd2 rgb(93,239,210)
```
#d25def
```
#d25def rgb(210,93,239)
```

Triadic Color

#7aef5d
```
#7aef5d rgb(122,239,93)
```
#5defd2
```
#5defd2 rgb(93,239,210)
```
#d25def
```
#d25def rgb(210,93,239)
```
#ef5d7a
```
#ef5d7a rgb(239,93,122)
```

Tetradic Color

#17e8bf
```
#17e8bf rgb(23,232,191)
```
#2feac5
```
#2feac5 rgb(47,234,197)
```
#46edcc
```
#46edcc rgb(70,237,204)
```
#5defd2
```
#5defd2 rgb(93,239,210)
```
#74f1d8
```
#74f1d8 rgb(116,241,216)
```
#8bf4df
```
#8bf4df rgb(139,244,223)
```
#a3f6e5
```
#a3f6e5 rgb(163,246,229)
```

Monochromatic Color

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

#5defae
```
#5defae rgb(93,239,174)
```
#5defba
```
#5defba rgb(93,239,186)
```
#5defc6
```
#5defc6 rgb(93,239,198)
```
#5defd2
```
#5defd2 rgb(93,239,210)
```
#5defde
```
#5defde rgb(93,239,222)
```
#5defea
```
#5defea rgb(93,239,234)
```
#5de8ef
```
#5de8ef rgb(93,232,239)
```

Similar Colors

Text with hexadecimal color #5defd2

This text has a font color of #5defd2.

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

#5defd2 background color

This paragraph has a background color of #5defd2.

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

#5defd2 border color

This element has a border color of #5defd2.

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

CSS codes

.text {color:#5defd2;}

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

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

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, #02110e is the darkest color, while #feffff is the lightest one.

#02110e
```
#02110e rgb(2,17,14)
```
#03221c
```
#03221c rgb(3,34,28)
```
#05342b
```
#05342b rgb(5,52,43)
```
#07463a
```
#07463a rgb(7,70,58)
```
#095848
```
#095848 rgb(9,88,72)
```
#0a6a57
```
#0a6a57 rgb(10,106,87)
```
#0c7c66
```
#0c7c66 rgb(12,124,102)
```
#0e8d74
```
#0e8d74 rgb(14,141,116)
```
#109f83
```
#109f83 rgb(16,159,131)
```
#12b191
```
#12b191 rgb(18,177,145)
```
#13c3a0
```
#13c3a0 rgb(19,195,160)
```
#15d5af
```
#15d5af rgb(21,213,175)
```
#17e7bd
```
#17e7bd rgb(23,231,189)
```

Shade Color Variation

#27eac3
```
#27eac3 rgb(39,234,195)
```
#39ebc8
```
#39ebc8 rgb(57,235,200)
```
#4bedcd
```
#4bedcd rgb(75,237,205)
```
#5defd2
```
#5defd2 rgb(93,239,210)
```
#6ff1d7
```
#6ff1d7 rgb(111,241,215)
```
#81f3dc
```
#81f3dc rgb(129,243,220)
```
#93f4e1
```
#93f4e1 rgb(147,244,225)
```
#a4f6e6
```
#a4f6e6 rgb(164,246,230)
```
#b6f8eb
```
#b6f8eb rgb(182,248,235)
```
#c8faf0
```
#c8faf0 rgb(200,250,240)
```
#dafbf5
```
#dafbf5 rgb(218,251,245)
```
#ecfdfa
```
#ecfdfa rgb(236,253,250)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#a1aba9
```
#a1aba9 rgb(161,171,169)
```
#9bb1ad
```
#9bb1ad rgb(155,177,173)
```
#94b8b1
```
#94b8b1 rgb(148,184,177)
```
#8dbfb5
```
#8dbfb5 rgb(141,191,181)
```
#86c6b9
```
#86c6b9 rgb(134,198,185)
```
#7fcdbd
```
#7fcdbd rgb(127,205,189)
```
#78d4c1
```
#78d4c1 rgb(120,212,193)
```
#72dac6
```
#72dac6 rgb(114,218,198)
```
#6be1ca
```
#6be1ca rgb(107,225,202)
```
#64e8ce
```
#64e8ce rgb(100,232,206)
```
#5defd2
```
#5defd2 rgb(93,239,210)
```
#56f6d6
```
#56f6d6 rgb(86,246,214)
```
#4ffdda
```
#4ffdda rgb(79,253,218)
```

Tone Color Variation

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

#c0c0c0 Achromatopsia 0.005% of the population
#acc9c4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e1d9c8 Protanopia 1% of men
#ecd3de Deuteranopia 1% of men
#78eafb Tritanopia 0.001% of the population

Trichromacy

#b1e1cc Protanomaly 1% of men, 0.01% of women
#b8ddd9 Deuteranomaly 6% of men, 0.4% of women
#6eebec Tritanomaly 0.01% of the population

#5defd2 hex color

#5defd2 Color Information

#5defd2 Color Conversion

Color Schemes with #5defd2

Alternatives to #5defd2

#5defd2 Preview

Shades and Tints of #5defd2

Tones of #5defd2

Color Blindness Simulator