#5adfc2 hex color

In a RGB color space, hex #5adfc2 is composed of 35.3% red, 87.5% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 59.6% cyan, 0% magenta, 13% yellow and 12.5% black. It has a hue angle of 166.9 degrees, a saturation of 67.5% and a lightness of 61.4%. #5adfc2 color hex could be obtained by blending #b4ffff with #00bf85. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 35
- G 87
- B 76
RGB color chart
- C 60
- M 0
- Y 13
- K 13
CMYK color chart

● #5adfc2 color description : Soft cyan.

The hexadecimal color #5adfc2 has RGB values of R:90, G:223, B:194 and CMYK values of C:0.6, M:0, Y:0.13, K:0.13. Its decimal value is 5955522.

Hex triplet	5adfc2	`#5adfc2`
RGB Decimal	90, 223, 194	`rgb(90,223,194)`
RGB Percent	35.3, 87.5, 76.1	`rgb(35.3%,87.5%,76.1%)`
CMYK	60, 0, 13, 13
HSL	166.9°, 67.5, 61.4	`hsl(166.9,67.5%,61.4%)`
HSV (or HSB)	166.9°, 59.6, 87.5
Web Safe	66cccc	`#66cccc`

CIE-LAB	81.204, -43.234, 3.381
XYZ	40.338, 58.841, 60.268
xyY	0.253, 0.369, 58.841
CIE-LCH	81.204, 43.366, 175.528
CIE-LUV	81.204, -54.528, 12.089
Hunter-Lab	76.708, -40.37, 7.113
Binary	01011010, 11011111, 11000010

#5adfc2
```
#5adfc2 rgb(90,223,194)
```
#df5a77
```
#df5a77 rgb(223,90,119)
```

Complementary Color

#5adf80
```
#5adf80 rgb(90,223,128)
```
#5adfc2
```
#5adfc2 rgb(90,223,194)
```
#5abadf
```
#5abadf rgb(90,186,223)
```

Analogous Color

#df805a
```
#df805a rgb(223,128,90)
```
#5adfc2
```
#5adfc2 rgb(90,223,194)
```
#df5aba
```
#df5aba rgb(223,90,186)
```

Split Complementary Color

#dfc25a
```
#dfc25a rgb(223,194,90)
```
#5adfc2
```
#5adfc2 rgb(90,223,194)
```
#c25adf
```
#c25adf rgb(194,90,223)
```

Triadic Color

#77df5a
```
#77df5a rgb(119,223,90)
```
#5adfc2
```
#5adfc2 rgb(90,223,194)
```
#c25adf
```
#c25adf rgb(194,90,223)
```
#df5a77
```
#df5a77 rgb(223,90,119)
```

Tetradic Color

#26c6a3
```
#26c6a3 rgb(38,198,163)
```
#2fd7b2
```
#2fd7b2 rgb(47,215,178)
```
#45dbba
```
#45dbba rgb(69,219,186)
```
#5adfc2
```
#5adfc2 rgb(90,223,194)
```
#6fe3ca
```
#6fe3ca rgb(111,227,202)
```
#85e7d2
```
#85e7d2 rgb(133,231,210)
```
#9aebda
```
#9aebda rgb(154,235,218)
```

Monochromatic Color

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

#5adfa1
```
#5adfa1 rgb(90,223,161)
```
#5adfac
```
#5adfac rgb(90,223,172)
```
#5adfb7
```
#5adfb7 rgb(90,223,183)
```
#5adfc2
```
#5adfc2 rgb(90,223,194)
```
#5adfcd
```
#5adfcd rgb(90,223,205)
```
#5adfd8
```
#5adfd8 rgb(90,223,216)
```
#5adbdf
```
#5adbdf rgb(90,219,223)
```

Similar Colors

Text with hexadecimal color #5adfc2

This text has a font color of #5adfc2.

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

#5adfc2 background color

This paragraph has a background color of #5adfc2.

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

#5adfc2 border color

This element has a border color of #5adfc2.

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

CSS codes

.text {color:#5adfc2;}

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

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

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

#03100d
```
#03100d rgb(3,16,13)
```
#06201a
```
#06201a rgb(6,32,26)
```
#093128
```
#093128 rgb(9,49,40)
```
#0d4136
```
#0d4136 rgb(13,65,54)
```
#105143
```
#105143 rgb(16,81,67)
```
#136251
```
#136251 rgb(19,98,81)
```
#16725e
```
#16725e rgb(22,114,94)
```
#19836c
```
#19836c rgb(25,131,108)
```
#1d9379
```
#1d9379 rgb(29,147,121)
```
#20a487
```
#20a487 rgb(32,164,135)
```
#23b494
```
#23b494 rgb(35,180,148)
```
#26c4a2
```
#26c4a2 rgb(38,196,162)
```
#29d5af
```
#29d5af rgb(41,213,175)
```

Shade Color Variation

#39d9b6
```
#39d9b6 rgb(57,217,182)
```
#4adcbc
```
#4adcbc rgb(74,220,188)
```
#5adfc2
```
#5adfc2 rgb(90,223,194)
```
#6ae2c8
```
#6ae2c8 rgb(106,226,200)
```
#7be5ce
```
#7be5ce rgb(123,229,206)
```
#8be9d4
```
#8be9d4 rgb(139,233,212)
```
#9cecda
```
#9cecda rgb(156,236,218)
```
#acefe0
```
#acefe0 rgb(172,239,224)
```
#bdf2e6
```
#bdf2e6 rgb(189,242,230)
```
#cdf5ed
```
#cdf5ed rgb(205,245,237)
```
#ddf8f3
```
#ddf8f3 rgb(221,248,243)
```
#eefcf9
```
#eefcf9 rgb(238,252,249)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #97a2a0 is the less saturated color, while #3cfdd3 is the most saturated one.

#97a2a0
```
#97a2a0 rgb(151,162,160)
```
#8faaa4
```
#8faaa4 rgb(143,170,164)
```
#87b2a8
```
#87b2a8 rgb(135,178,168)
```
#80b9ad
```
#80b9ad rgb(128,185,173)
```
#78c1b1
```
#78c1b1 rgb(120,193,177)
```
#71c8b5
```
#71c8b5 rgb(113,200,181)
```
#69d0b9
```
#69d0b9 rgb(105,208,185)
```
#62d7be
```
#62d7be rgb(98,215,190)
```
#5adfc2
```
#5adfc2 rgb(90,223,194)
```
#52e7c6
```
#52e7c6 rgb(82,231,198)
```
#4beecb
```
#4beecb rgb(75,238,203)
```
#43f6cf
```
#43f6cf rgb(67,246,207)
```
#3cfdd3
```
#3cfdd3 rgb(60,253,211)
```

Tone Color Variation

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

#b4b4b4 Achromatopsia 0.005% of the population
#a2bdb7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d4cbba Protanopia 1% of men
#dec6ce Deuteranopia 1% of men
#74dbeb Tritanopia 0.001% of the population

Trichromacy

#a7d2bd Protanomaly 1% of men, 0.01% of women
#aecfc9 Deuteranomaly 6% of men, 0.4% of women
#6adcdc Tritanomaly 0.01% of the population

#5adfc2 hex color

#5adfc2 Color Information

#5adfc2 Color Conversion

Color Schemes with #5adfc2

Alternatives to #5adfc2

#5adfc2 Preview

Shades and Tints of #5adfc2

Tones of #5adfc2

Color Blindness Simulator