#5af6e4 hex color

In a RGB color space, hex #5af6e4 is composed of 35.3% red, 96.5% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 63.4% cyan, 0% magenta, 7.3% yellow and 3.5% black. It has a hue angle of 173.1 degrees, a saturation of 89.7% and a lightness of 65.9%. #5af6e4 color hex could be obtained by blending #b4ffff with #00edc9. Closest websafe color is: #66ffcc.

♥
- f
- t
- g
- R 35
- G 96
- B 89
RGB color chart
- C 63
- M 0
- Y 7
- K 4
CMYK color chart

● #5af6e4 color description : Soft cyan.

The hexadecimal color #5af6e4 has RGB values of R:90, G:246, B:228 and CMYK values of C:0.63, M:0, Y:0.07, K:0.04. Its decimal value is 5961444.

Hex triplet	5af6e4	`#5af6e4`
RGB Decimal	90, 246, 228	`rgb(90,246,228)`
RGB Percent	35.3, 96.5, 89.4	`rgb(35.3%,96.5%,89.4%)`
CMYK	63, 0, 7, 4
HSL	173.1°, 89.7, 65.9	`hsl(173.1,89.7%,65.9%)`
HSV (or HSB)	173.1°, 63.4, 96.5
Web Safe	66ffcc	`#66ffcc`

CIE-LAB	88.772, -44.849, -3.455
XYZ	51.171, 73.682, 84.92
xyY	0.244, 0.351, 73.682
CIE-LCH	88.772, 44.982, 184.406
CIE-LUV	88.772, -60.925, 1.832
Hunter-Lab	85.838, -43.807, 1.431
Binary	01011010, 11110110, 11100100

#5af6e4
```
#5af6e4 rgb(90,246,228)
```
#f65a6c
```
#f65a6c rgb(246,90,108)
```

Complementary Color

#5af696
```
#5af696 rgb(90,246,150)
```
#5af6e4
```
#5af6e4 rgb(90,246,228)
```
#5abaf6
```
#5abaf6 rgb(90,186,246)
```

Analogous Color

#f6965a
```
#f6965a rgb(246,150,90)
```
#5af6e4
```
#5af6e4 rgb(90,246,228)
```
#f65aba
```
#f65aba rgb(246,90,186)
```

Split Complementary Color

#f6e45a
```
#f6e45a rgb(246,228,90)
```
#5af6e4
```
#5af6e4 rgb(90,246,228)
```
#e45af6
```
#e45af6 rgb(228,90,246)
```

Triadic Color

#6cf65a
```
#6cf65a rgb(108,246,90)
```
#5af6e4
```
#5af6e4 rgb(90,246,228)
```
#e45af6
```
#e45af6 rgb(228,90,246)
```
#f65a6c
```
#f65a6c rgb(246,90,108)
```

Tetradic Color

#11f2d8
```
#11f2d8 rgb(17,242,216)
```
#2af3dc
```
#2af3dc rgb(42,243,220)
```
#42f5e0
```
#42f5e0 rgb(66,245,224)
```
#5af6e4
```
#5af6e4 rgb(90,246,228)
```
#72f7e8
```
#72f7e8 rgb(114,247,232)
```
#8af9ec
```
#8af9ec rgb(138,249,236)
```
#a3faf0
```
#a3faf0 rgb(163,250,240)
```

Monochromatic Color

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

#5af6bd
```
#5af6bd rgb(90,246,189)
```
#5af6ca
```
#5af6ca rgb(90,246,202)
```
#5af6d7
```
#5af6d7 rgb(90,246,215)
```
#5af6e4
```
#5af6e4 rgb(90,246,228)
```
#5af6f1
```
#5af6f1 rgb(90,246,241)
```
#5aeef6
```
#5aeef6 rgb(90,238,246)
```
#5ae1f6
```
#5ae1f6 rgb(90,225,246)
```

Similar Colors

Text with hexadecimal color #5af6e4

This text has a font color of #5af6e4.

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

#5af6e4 background color

This paragraph has a background color of #5af6e4.

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

#5af6e4 border color

This element has a border color of #5af6e4.

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

CSS codes

.text {color:#5af6e4;}

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

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

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

#000202
```
#000202 rgb(0,2,2)
```
#011513
```
#011513 rgb(1,21,19)
```
#022823
```
#022823 rgb(2,40,35)
```
#033a34
```
#033a34 rgb(3,58,52)
```
#044d44
```
#044d44 rgb(4,77,68)
```
#055f55
```
#055f55 rgb(5,95,85)
```
#067266
```
#067266 rgb(6,114,102)
```
#078576
```
#078576 rgb(7,133,118)
```
#089787
```
#089787 rgb(8,151,135)
```
#09aa97
```
#09aa97 rgb(9,170,151)
```
#0abca8
```
#0abca8 rgb(10,188,168)
```
#0bcfb8
```
#0bcfb8 rgb(11,207,184)
```
#0ce2c9
```
#0ce2c9 rgb(12,226,201)
```

Shade Color Variation

#10f2d8
```
#10f2d8 rgb(16,242,216)
```
#22f3db
```
#22f3db rgb(34,243,219)
```
#35f4de
```
#35f4de rgb(53,244,222)
```
#47f5e1
```
#47f5e1 rgb(71,245,225)
```
#5af6e4
```
#5af6e4 rgb(90,246,228)
```
#6df7e7
```
#6df7e7 rgb(109,247,231)
```
#7ff8ea
```
#7ff8ea rgb(127,248,234)
```
#92f9ed
```
#92f9ed rgb(146,249,237)
```
#a4faf0
```
#a4faf0 rgb(164,250,240)
```
#b7fbf3
```
#b7fbf3 rgb(183,251,243)
```
#cafcf6
```
#cafcf6 rgb(202,252,246)
```
#dcfdf9
```
#dcfdf9 rgb(220,253,249)
```
#effefc
```
#effefc rgb(239,254,252)
```

Tint Color Variation

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

#a4acab
```
#a4acab rgb(164,172,171)
```
#9db3b1
```
#9db3b1 rgb(157,179,177)
```
#96bab6
```
#96bab6 rgb(150,186,182)
```
#90c0bb
```
#90c0bb rgb(144,192,187)
```
#89c7c0
```
#89c7c0 rgb(137,199,192)
```
#82cec5
```
#82cec5 rgb(130,206,197)
```
#7bd5ca
```
#7bd5ca rgb(123,213,202)
```
#75dbcf
```
#75dbcf rgb(117,219,207)
```
#6ee2d5
```
#6ee2d5 rgb(110,226,213)
```
#67e9da
```
#67e9da rgb(103,233,218)
```
#61efdf
```
#61efdf rgb(97,239,223)
```
#5af6e4
```
#5af6e4 rgb(90,246,228)
```
#53fde9
```
#53fde9 rgb(83,253,233)
```

Tone Color Variation

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

#c5c5c5 Achromatopsia 0.005% of the population
#b0cfcb Atypical Achromatopsia 0.001% of the population

Dichromacy

#e6dfd9 Protanopia 1% of men
#eedaef Deuteranopia 1% of men
#8aefff Tritanopia 0.001% of the population

Trichromacy

#b3e7dd Protanomaly 1% of men, 0.01% of women
#b8e4eb Deuteranomaly 6% of men, 0.4% of women
#78f1f5 Tritanomaly 0.01% of the population

#5af6e4 hex color

#5af6e4 Color Information

#5af6e4 Color Conversion

Color Schemes with #5af6e4

Alternatives to #5af6e4

#5af6e4 Preview

Shades and Tints of #5af6e4

Tones of #5af6e4

Color Blindness Simulator