#5afdc4 hex color

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

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

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

The hexadecimal color #5afdc4 has RGB values of R:90, G:253, B:196 and CMYK values of C:0.64, M:0, Y:0.23, K:0.01. Its decimal value is 5963204.

Hex triplet	5afdc4	`#5afdc4`
RGB Decimal	90, 253, 196	`rgb(90,253,196)`
RGB Percent	35.3, 99.2, 76.9	`rgb(35.3%,99.2%,76.9%)`
CMYK	64, 0, 23, 1
HSL	159°, 97.6, 67.3	`hsl(159,97.6%,67.3%)`
HSV (or HSB)	159°, 64.4, 99.2
Web Safe	66ffcc	`#66ffcc`

CIE-LAB	90.047, -55.361, 14.983
XYZ	49.302, 76.405, 64.371
xyY	0.259, 0.402, 76.405
CIE-LCH	90.047, 57.352, 164.856
CIE-LUV	90.047, -65.333, 31.502
Hunter-Lab	87.41, -52.289, 17.525
Binary	01011010, 11111101, 11000100

#5afdc4
```
#5afdc4 rgb(90,253,196)
```
#fd5a93
```
#fd5a93 rgb(253,90,147)
```

Complementary Color

#5afd73
```
#5afd73 rgb(90,253,115)
```
#5afdc4
```
#5afdc4 rgb(90,253,196)
```
#5ae5fd
```
#5ae5fd rgb(90,229,253)
```

Analogous Color

#fd735a
```
#fd735a rgb(253,115,90)
```
#5afdc4
```
#5afdc4 rgb(90,253,196)
```
#fd5ae5
```
#fd5ae5 rgb(253,90,229)
```

Split Complementary Color

#fdc45a
```
#fdc45a rgb(253,196,90)
```
#5afdc4
```
#5afdc4 rgb(90,253,196)
```
#c45afd
```
#c45afd rgb(196,90,253)
```

Triadic Color

#93fd5a
```
#93fd5a rgb(147,253,90)
```
#5afdc4
```
#5afdc4 rgb(90,253,196)
```
#c45afd
```
#c45afd rgb(196,90,253)
```
#fd5a93
```
#fd5a93 rgb(253,90,147)
```

Tetradic Color

#0efca9
```
#0efca9 rgb(14,252,169)
```
#28fcb2
```
#28fcb2 rgb(40,252,178)
```
#41fdbb
```
#41fdbb rgb(65,253,187)
```
#5afdc4
```
#5afdc4 rgb(90,253,196)
```
#73fdcd
```
#73fdcd rgb(115,253,205)
```
#8cfed6
```
#8cfed6 rgb(140,254,214)
```
#a6fedf
```
#a6fedf rgb(166,254,223)
```

Monochromatic Color

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

#5afd9b
```
#5afd9b rgb(90,253,155)
```
#5afda9
```
#5afda9 rgb(90,253,169)
```
#5afdb6
```
#5afdb6 rgb(90,253,182)
```
#5afdc4
```
#5afdc4 rgb(90,253,196)
```
#5afdd2
```
#5afdd2 rgb(90,253,210)
```
#5afddf
```
#5afddf rgb(90,253,223)
```
#5afded
```
#5afded rgb(90,253,237)
```

Similar Colors

Text with hexadecimal color #5afdc4

This text has a font color of #5afdc4.

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

#5afdc4 background color

This paragraph has a background color of #5afdc4.

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

#5afdc4 border color

This element has a border color of #5afdc4.

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

CSS codes

.text {color:#5afdc4;}

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

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

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

#000906
```
#000906 rgb(0,9,6)
```
#001d13
```
#001d13 rgb(0,29,19)
```
#013020
```
#013020 rgb(1,48,32)
```
#01442c
```
#01442c rgb(1,68,44)
```
#015739
```
#015739 rgb(1,87,57)
```
#016a46
```
#016a46 rgb(1,106,70)
```
#027e52
```
#027e52 rgb(2,126,82)
```
#02915f
```
#02915f rgb(2,145,95)
```
#02a46c
```
#02a46c rgb(2,164,108)
```
#02b878
```
#02b878 rgb(2,184,120)
```
#02cb85
```
#02cb85 rgb(2,203,133)
```
#03df92
```
#03df92 rgb(3,223,146)
```
#03f29e
```
#03f29e rgb(3,242,158)
```

Shade Color Variation

#0cfca8
```
#0cfca8 rgb(12,252,168)
```
#20fcaf
```
#20fcaf rgb(32,252,175)
```
#33fdb6
```
#33fdb6 rgb(51,253,182)
```
#47fdbd
```
#47fdbd rgb(71,253,189)
```
#5afdc4
```
#5afdc4 rgb(90,253,196)
```
#6dfdcb
```
#6dfdcb rgb(109,253,203)
```
#81fdd2
```
#81fdd2 rgb(129,253,210)
```
#94fed9
```
#94fed9 rgb(148,254,217)
```
#a8fee0
```
#a8fee0 rgb(168,254,224)
```
#bbfee7
```
#bbfee7 rgb(187,254,231)
```
#cefeee
```
#cefeee rgb(206,254,238)
```
#e2fff5
```
#e2fff5 rgb(226,255,245)
```
#f5fffb
```
#f5fffb rgb(245,255,251)
```

Tint Color Variation

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

#a7b0ad
```
#a7b0ad rgb(167,176,173)
```
#a1b6af
```
#a1b6af rgb(161,182,175)
```
#9abdb1
```
#9abdb1 rgb(154,189,177)
```
#94c3b3
```
#94c3b3 rgb(148,195,179)
```
#8dcab5
```
#8dcab5 rgb(141,202,181)
```
#87d0b6
```
#87d0b6 rgb(135,208,182)
```
#81d6b8
```
#81d6b8 rgb(129,214,184)
```
#7addba
```
#7addba rgb(122,221,186)
```
#74e3bc
```
#74e3bc rgb(116,227,188)
```
#6deabe
```
#6deabe rgb(109,234,190)
```
#67f0c0
```
#67f0c0 rgb(103,240,192)
```
#60f7c2
```
#60f7c2 rgb(96,247,194)
```
#5afdc4
```
#5afdc4 rgb(90,253,196)
```

Tone Color Variation

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

#c6c6c6 Achromatopsia 0.005% of the population
#b0d1c6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f1e3bb Protanopia 1% of men
#ffdcd2 Deuteranopia 1% of men
#9ff0ff Tritanopia 0.001% of the population

Trichromacy

#baecbe Protanomaly 1% of men, 0.01% of women
#c3e8cd Deuteranomaly 6% of men, 0.4% of women
#86f5e9 Tritanomaly 0.01% of the population

#5afdc4 hex color

#5afdc4 Color Information

#5afdc4 Color Conversion

Color Schemes with #5afdc4

Alternatives to #5afdc4

#5afdc4 Preview

Shades and Tints of #5afdc4

Tones of #5afdc4

Color Blindness Simulator