#5af3da hex color

In a RGB color space, hex #5af3da is composed of 35.3% red, 95.3% green and 85.5% blue. Whereas in a CMYK color space, it is composed of 63% cyan, 0% magenta, 10.3% yellow and 4.7% black. It has a hue angle of 170.2 degrees, a saturation of 86.4% and a lightness of 65.3%. #5af3da color hex could be obtained by blending #b4ffff with #00e7b5. Closest websafe color is: #66ffcc.

♥
- f
- t
- g
- R 35
- G 95
- B 85
RGB color chart
- C 63
- M 0
- Y 10
- K 5
CMYK color chart

● #5af3da color description : Soft cyan.

The hexadecimal color #5af3da has RGB values of R:90, G:243, B:218 and CMYK values of C:0.63, M:0, Y:0.1, K:0.05. Its decimal value is 5960666.

Hex triplet	5af3da	`#5af3da`
RGB Decimal	90, 243, 218	`rgb(90,243,218)`
RGB Percent	35.3, 95.3, 85.5	`rgb(35.3%,95.3%,85.5%)`
CMYK	63, 0, 10, 5
HSL	170.2°, 86.4, 65.3	`hsl(170.2,86.4%,65.3%)`
HSV (or HSB)	170.2°, 63, 95.3
Web Safe	66ffcc	`#66ffcc`

CIE-LAB	87.646, -46.058, 0.117
XYZ	48.918, 71.333, 77.516
xyY	0.247, 0.361, 71.333
CIE-LCH	87.646, 46.058, 179.854
CIE-LUV	87.646, -60.45, 7.636
Hunter-Lab	84.459, -44.417, 4.705
Binary	01011010, 11110011, 11011010

#5af3da
```
#5af3da rgb(90,243,218)
```
#f35a73
```
#f35a73 rgb(243,90,115)
```

Complementary Color

#5af38e
```
#5af38e rgb(90,243,142)
```
#5af3da
```
#5af3da rgb(90,243,218)
```
#5ac0f3
```
#5ac0f3 rgb(90,192,243)
```

Analogous Color

#f38e5a
```
#f38e5a rgb(243,142,90)
```
#5af3da
```
#5af3da rgb(90,243,218)
```
#f35ac0
```
#f35ac0 rgb(243,90,192)
```

Split Complementary Color

#f3da5a
```
#f3da5a rgb(243,218,90)
```
#5af3da
```
#5af3da rgb(90,243,218)
```
#da5af3
```
#da5af3 rgb(218,90,243)
```

Triadic Color

#73f35a
```
#73f35a rgb(115,243,90)
```
#5af3da
```
#5af3da rgb(90,243,218)
```
#da5af3
```
#da5af3 rgb(218,90,243)
```
#f35a73
```
#f35a73 rgb(243,90,115)
```

Tetradic Color

#13eeca
```
#13eeca rgb(19,238,202)
```
#2af0cf
```
#2af0cf rgb(42,240,207)
```
#42f1d5
```
#42f1d5 rgb(66,241,213)
```
#5af3da
```
#5af3da rgb(90,243,218)
```
#72f5df
```
#72f5df rgb(114,245,223)
```
#8af6e5
```
#8af6e5 rgb(138,246,229)
```
#a1f8ea
```
#a1f8ea rgb(161,248,234)
```

Monochromatic Color

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

#5af3b4
```
#5af3b4 rgb(90,243,180)
```
#5af3c1
```
#5af3c1 rgb(90,243,193)
```
#5af3cd
```
#5af3cd rgb(90,243,205)
```
#5af3da
```
#5af3da rgb(90,243,218)
```
#5af3e7
```
#5af3e7 rgb(90,243,231)
```
#5af3f3
```
#5af3f3 rgb(90,243,243)
```
#5ae6f3
```
#5ae6f3 rgb(90,230,243)
```

Similar Colors

Text with hexadecimal color #5af3da

This text has a font color of #5af3da.

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

#5af3da background color

This paragraph has a background color of #5af3da.

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

#5af3da border color

This element has a border color of #5af3da.

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

CSS codes

.text {color:#5af3da;}

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

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

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, #01120f is the darkest color, while #ffffff is the lightest one.

#01120f
```
#01120f rgb(1,18,15)
```
#03241f
```
#03241f rgb(3,36,31)
```
#04362e
```
#04362e rgb(4,54,46)
```
#05493e
```
#05493e rgb(5,73,62)
```
#075b4d
```
#075b4d rgb(7,91,77)
```
#086d5d
```
#086d5d rgb(8,109,93)
```
#09806c
```
#09806c rgb(9,128,108)
```
#0b927c
```
#0b927c rgb(11,146,124)
```
#0ca48b
```
#0ca48b rgb(12,164,139)
```
#0db69b
```
#0db69b rgb(13,182,155)
```
#0fc9aa
```
#0fc9aa rgb(15,201,170)
```
#10dbba
```
#10dbba rgb(16,219,186)
```
#11edc9
```
#11edc9 rgb(17,237,201)
```

Shade Color Variation

#23efce
```
#23efce rgb(35,239,206)
```
#35f0d2
```
#35f0d2 rgb(53,240,210)
```
#48f2d6
```
#48f2d6 rgb(72,242,214)
```
#5af3da
```
#5af3da rgb(90,243,218)
```
#6cf4de
```
#6cf4de rgb(108,244,222)
```
#7ff6e2
```
#7ff6e2 rgb(127,246,226)
```
#91f7e6
```
#91f7e6 rgb(145,247,230)
```
#a3f8ea
```
#a3f8ea rgb(163,248,234)
```
#b5faef
```
#b5faef rgb(181,250,239)
```
#c8fbf3
```
#c8fbf3 rgb(200,251,243)
```
#dafcf7
```
#dafcf7 rgb(218,252,247)
```
#ecfefb
```
#ecfefb rgb(236,254,251)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#a5a8a8
```
#a5a8a8 rgb(165,168,168)
```
#9eafac
```
#9eafac rgb(158,175,172)
```
#97b6b1
```
#97b6b1 rgb(151,182,177)
```
#90bdb5
```
#90bdb5 rgb(144,189,181)
```
#8ac3ba
```
#8ac3ba rgb(138,195,186)
```
#83cabf
```
#83cabf rgb(131,202,191)
```
#7cd1c3
```
#7cd1c3 rgb(124,209,195)
```
#75d8c8
```
#75d8c8 rgb(117,216,200)
```
#6edfcc
```
#6edfcc rgb(110,223,204)
```
#68e5d1
```
#68e5d1 rgb(104,229,209)
```
#61ecd5
```
#61ecd5 rgb(97,236,213)
```
#5af3da
```
#5af3da rgb(90,243,218)
```
#53fadf
```
#53fadf rgb(83,250,223)
```

Tone Color Variation

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

#c2c2c2 Achromatopsia 0.005% of the population
#adccc7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e4dcd0 Protanopia 1% of men
#eed7e5 Deuteranopia 1% of men
#79edff Tritanopia 0.001% of the population

Trichromacy

#b2e4d3 Protanomaly 1% of men, 0.01% of women
#b8e1e1 Deuteranomaly 6% of men, 0.4% of women
#6deff1 Tritanomaly 0.01% of the population

#5af3da hex color

#5af3da Color Information

#5af3da Color Conversion

Color Schemes with #5af3da

Alternatives to #5af3da

#5af3da Preview

Shades and Tints of #5af3da

Tones of #5af3da

Color Blindness Simulator