#5afdcc hex color

In a RGB color space, hex #5afdcc is composed of 35.3% red, 99.2% green and 80% blue. Whereas in a CMYK color space, it is composed of 64.4% cyan, 0% magenta, 19.4% yellow and 0.8% black. It has a hue angle of 162 degrees, a saturation of 97.6% and a lightness of 67.3%. #5afdcc color hex could be obtained by blending #b4ffff with #00fb99. Closest websafe color is: #66ffcc.

♥
- f
- t
- g
- R 35
- G 99
- B 80
RGB color chart
- C 64
- M 0
- Y 19
- K 1
CMYK color chart

● #5afdcc color description : Soft cyan - lime green.

The hexadecimal color #5afdcc has RGB values of R:90, G:253, B:204 and CMYK values of C:0.64, M:0, Y:0.19, K:0.01. Its decimal value is 5963212.

Hex triplet	5afdcc	`#5afdcc`
RGB Decimal	90, 253, 204	`rgb(90,253,204)`
RGB Percent	35.3, 99.2, 80	`rgb(35.3%,99.2%,80%)`
CMYK	64, 0, 19, 1
HSL	162°, 97.6, 67.3	`hsl(162,97.6%,67.3%)`
HSV (or HSB)	162°, 64.4, 99.2
Web Safe	66ffcc	`#66ffcc`

CIE-LAB	90.22, -53.581, 11.105
XYZ	50.237, 76.779, 69.296
xyY	0.256, 0.391, 76.779
CIE-LCH	90.22, 54.72, 168.291
CIE-LUV	90.22, -64.865, 25.579
Hunter-Lab	87.624, -51.004, 14.448
Binary	01011010, 11111101, 11001100

#5afdcc
```
#5afdcc rgb(90,253,204)
```
#fd5a8b
```
#fd5a8b rgb(253,90,139)
```

Complementary Color

#5afd7b
```
#5afd7b rgb(90,253,123)
```
#5afdcc
```
#5afdcc rgb(90,253,204)
```
#5addfd
```
#5addfd rgb(90,221,253)
```

Analogous Color

#fd7b5a
```
#fd7b5a rgb(253,123,90)
```
#5afdcc
```
#5afdcc rgb(90,253,204)
```
#fd5add
```
#fd5add rgb(253,90,221)
```

Split Complementary Color

#fdcc5a
```
#fdcc5a rgb(253,204,90)
```
#5afdcc
```
#5afdcc rgb(90,253,204)
```
#cc5afd
```
#cc5afd rgb(204,90,253)
```

Triadic Color

#8bfd5a
```
#8bfd5a rgb(139,253,90)
```
#5afdcc
```
#5afdcc rgb(90,253,204)
```
#cc5afd
```
#cc5afd rgb(204,90,253)
```
#fd5a8b
```
#fd5a8b rgb(253,90,139)
```

Tetradic Color

#0efcb5
```
#0efcb5 rgb(14,252,181)
```
#28fcbc
```
#28fcbc rgb(40,252,188)
```
#41fdc4
```
#41fdc4 rgb(65,253,196)
```
#5afdcc
```
#5afdcc rgb(90,253,204)
```
#73fdd4
```
#73fdd4 rgb(115,253,212)
```
#8cfedc
```
#8cfedc rgb(140,254,220)
```
#a6fee3
```
#a6fee3 rgb(166,254,227)
```

Monochromatic Color

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

#5afda3
```
#5afda3 rgb(90,253,163)
```
#5afdb1
```
#5afdb1 rgb(90,253,177)
```
#5afdbe
```
#5afdbe rgb(90,253,190)
```
#5afdcc
```
#5afdcc rgb(90,253,204)
```
#5afdda
```
#5afdda rgb(90,253,218)
```
#5afde7
```
#5afde7 rgb(90,253,231)
```
#5afdf5
```
#5afdf5 rgb(90,253,245)
```

Similar Colors

Text with hexadecimal color #5afdcc

This text has a font color of #5afdcc.

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

#5afdcc background color

This paragraph has a background color of #5afdcc.

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

#5afdcc border color

This element has a border color of #5afdcc.

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

CSS codes

.text {color:#5afdcc;}

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

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

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

#000907
```
#000907 rgb(0,9,7)
```
#001d14
```
#001d14 rgb(0,29,20)
```
#013022
```
#013022 rgb(1,48,34)
```
#014430
```
#014430 rgb(1,68,48)
```
#01573d
```
#01573d rgb(1,87,61)
```
#016a4b
```
#016a4b rgb(1,106,75)
```
#027e58
```
#027e58 rgb(2,126,88)
```
#029166
```
#029166 rgb(2,145,102)
```
#02a474
```
#02a474 rgb(2,164,116)
```
#02b881
```
#02b881 rgb(2,184,129)
```
#02cb8f
```
#02cb8f rgb(2,203,143)
```
#03df9d
```
#03df9d rgb(3,223,157)
```
#03f2aa
```
#03f2aa rgb(3,242,170)
```

Shade Color Variation

#0cfcb4
```
#0cfcb4 rgb(12,252,180)
```
#20fcba
```
#20fcba rgb(32,252,186)
```
#33fdc0
```
#33fdc0 rgb(51,253,192)
```
#47fdc6
```
#47fdc6 rgb(71,253,198)
```
#5afdcc
```
#5afdcc rgb(90,253,204)
```
#6dfdd2
```
#6dfdd2 rgb(109,253,210)
```
#81fdd8
```
#81fdd8 rgb(129,253,216)
```
#94fede
```
#94fede rgb(148,254,222)
```
#a8fee4
```
#a8fee4 rgb(168,254,228)
```
#bbfeea
```
#bbfeea rgb(187,254,234)
```
#cefef0
```
#cefef0 rgb(206,254,240)
```
#e2fff6
```
#e2fff6 rgb(226,255,246)
```
#f5fffc
```
#f5fffc rgb(245,255,252)
```

Tint Color Variation

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

#a7b0ad
```
#a7b0ad rgb(167,176,173)
```
#a1b6b0
```
#a1b6b0 rgb(161,182,176)
```
#9abdb2
```
#9abdb2 rgb(154,189,178)
```
#94c3b5
```
#94c3b5 rgb(148,195,181)
```
#8dcab8
```
#8dcab8 rgb(141,202,184)
```
#87d0ba
```
#87d0ba rgb(135,208,186)
```
#81d6bd
```
#81d6bd rgb(129,214,189)
```
#7addbf
```
#7addbf rgb(122,221,191)
```
#74e3c2
```
#74e3c2 rgb(116,227,194)
```
#6deac4
```
#6deac4 rgb(109,234,196)
```
#67f0c7
```
#67f0c7 rgb(103,240,199)
```
#60f7c9
```
#60f7c9 rgb(96,247,201)
```
#5afdcc
```
#5afdcc rgb(90,253,204)
```

Tone Color Variation

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

#c7c7c7 Achromatopsia 0.005% of the population
#b1d2c8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f0e3c2 Protanopia 1% of men
#fdddd9 Deuteranopia 1% of men
#a0f1ff Tritanopia 0.001% of the population

Trichromacy

#b9ecc6 Protanomaly 1% of men, 0.01% of women
#c2e8d4 Deuteranomaly 6% of men, 0.4% of women
#87f5ec Tritanomaly 0.01% of the population

#5afdcc hex color

#5afdcc Color Information

#5afdcc Color Conversion

Color Schemes with #5afdcc

Alternatives to #5afdcc

#5afdcc Preview

Shades and Tints of #5afdcc

Tones of #5afdcc

Color Blindness Simulator