#5af2b4 hex color

In a RGB color space, hex #5af2b4 is composed of 35.3% red, 94.9% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 62.8% cyan, 0% magenta, 25.6% yellow and 5.1% black. It has a hue angle of 155.5 degrees, a saturation of 85.4% and a lightness of 65.1%. #5af2b4 color hex could be obtained by blending #b4ffff with #00e569. Closest websafe color is: #66ffcc.

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

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

The hexadecimal color #5af2b4 has RGB values of R:90, G:242, B:180 and CMYK values of C:0.63, M:0, Y:0.26, K:0.05. Its decimal value is 5960372.

Hex triplet	5af2b4	`#5af2b4`
RGB Decimal	90, 242, 180	`rgb(90,242,180)`
RGB Percent	35.3, 94.9, 70.6	`rgb(35.3%,94.9%,70.6%)`
CMYK	63, 0, 26, 5
HSL	155.5°, 85.4, 65.1	`hsl(155.5,85.4%,65.1%)`
HSV (or HSB)	155.5°, 62.8, 94.9
Web Safe	66ffcc	`#66ffcc`

CIE-LAB	86.489, -54.377, 18.239
XYZ	44.204, 68.969, 54.16
xyY	0.264, 0.412, 68.969
CIE-LCH	86.489, 57.355, 161.458
CIE-LUV	86.489, -62.276, 35.702
Hunter-Lab	83.048, -50.324, 19.467
Binary	01011010, 11110010, 10110100

#5af2b4
```
#5af2b4 rgb(90,242,180)
```
#f25a98
```
#f25a98 rgb(242,90,152)
```

Complementary Color

#5af268
```
#5af268 rgb(90,242,104)
```
#5af2b4
```
#5af2b4 rgb(90,242,180)
```
#5ae4f2
```
#5ae4f2 rgb(90,228,242)
```

Analogous Color

#f2685a
```
#f2685a rgb(242,104,90)
```
#5af2b4
```
#5af2b4 rgb(90,242,180)
```
#f25ae4
```
#f25ae4 rgb(242,90,228)
```

Split Complementary Color

#f2b45a
```
#f2b45a rgb(242,180,90)
```
#5af2b4
```
#5af2b4 rgb(90,242,180)
```
#b45af2
```
#b45af2 rgb(180,90,242)
```

Triadic Color

#98f25a
```
#98f25a rgb(152,242,90)
```
#5af2b4
```
#5af2b4 rgb(90,242,180)
```
#b45af2
```
#b45af2 rgb(180,90,242)
```
#f25a98
```
#f25a98 rgb(242,90,152)
```

Tetradic Color

#13ec94
```
#13ec94 rgb(19,236,148)
```
#2bee9f
```
#2bee9f rgb(43,238,159)
```
#42f0a9
```
#42f0a9 rgb(66,240,169)
```
#5af2b4
```
#5af2b4 rgb(90,242,180)
```
#72f4bf
```
#72f4bf rgb(114,244,191)
```
#89f6c9
```
#89f6c9 rgb(137,246,201)
```
#a1f8d4
```
#a1f8d4 rgb(161,248,212)
```

Monochromatic Color

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

#5af28e
```
#5af28e rgb(90,242,142)
```
#5af29b
```
#5af29b rgb(90,242,155)
```
#5af2a7
```
#5af2a7 rgb(90,242,167)
```
#5af2b4
```
#5af2b4 rgb(90,242,180)
```
#5af2c1
```
#5af2c1 rgb(90,242,193)
```
#5af2cd
```
#5af2cd rgb(90,242,205)
```
#5af2da
```
#5af2da rgb(90,242,218)
```

Similar Colors

Text with hexadecimal color #5af2b4

This text has a font color of #5af2b4.

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

#5af2b4 background color

This paragraph has a background color of #5af2b4.

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

#5af2b4 border color

This element has a border color of #5af2b4.

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

CSS codes

.text {color:#5af2b4;}

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

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

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, #01110b is the darkest color, while #fefffe is the lightest one.

#01110b
```
#01110b rgb(1,17,11)
```
#032316
```
#032316 rgb(3,35,22)
```
#043521
```
#043521 rgb(4,53,33)
```
#06472d
```
#06472d rgb(6,71,45)
```
#075a38
```
#075a38 rgb(7,90,56)
```
#086c43
```
#086c43 rgb(8,108,67)
```
#0a7e4f
```
#0a7e4f rgb(10,126,79)
```
#0b905a
```
#0b905a rgb(11,144,90)
```
#0da265
```
#0da265 rgb(13,162,101)
```
#0eb471
```
#0eb471 rgb(14,180,113)
```
#10c77c
```
#10c77c rgb(16,199,124)
```
#11d987
```
#11d987 rgb(17,217,135)
```
#13eb93
```
#13eb93 rgb(19,235,147)
```

Shade Color Variation

#23ee9b
```
#23ee9b rgb(35,238,155)
```
#36efa3
```
#36efa3 rgb(54,239,163)
```
#48f1ac
```
#48f1ac rgb(72,241,172)
```
#5af2b4
```
#5af2b4 rgb(90,242,180)
```
#6cf3bc
```
#6cf3bc rgb(108,243,188)
```
#7ef5c5
```
#7ef5c5 rgb(126,245,197)
```
#91f6cd
```
#91f6cd rgb(145,246,205)
```
#a3f8d5
```
#a3f8d5 rgb(163,248,213)
```
#b5f9dd
```
#b5f9dd rgb(181,249,221)
```
#c7fbe6
```
#c7fbe6 rgb(199,251,230)
```
#d9fcee
```
#d9fcee rgb(217,252,238)
```
#ebfdf6
```
#ebfdf6 rgb(235,253,246)
```
#fefffe
```
#fefffe rgb(254,255,254)
```

Tint Color Variation

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

#a5a7a6
```
#a5a7a6 rgb(165,167,166)
```
#9eaea7
```
#9eaea7 rgb(158,174,167)
```
#98b4a9
```
#98b4a9 rgb(152,180,169)
```
#91bbaa
```
#91bbaa rgb(145,187,170)
```
#8ac2ab
```
#8ac2ab rgb(138,194,171)
```
#83c9ac
```
#83c9ac rgb(131,201,172)
```
#7cd0ae
```
#7cd0ae rgb(124,208,174)
```
#75d7af
```
#75d7af rgb(117,215,175)
```
#6fddb0
```
#6fddb0 rgb(111,221,176)
```
#68e4b1
```
#68e4b1 rgb(104,228,177)
```
#61ebb3
```
#61ebb3 rgb(97,235,179)
```
#5af2b4
```
#5af2b4 rgb(90,242,180)
```
#53f9b5
```
#53f9b5 rgb(83,249,181)
```

Tone Color Variation

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

#bdbdbd Achromatopsia 0.005% of the population
#a9c8bb Atypical Achromatopsia 0.001% of the population

Dichromacy

#e8daad Protanopia 1% of men
#f7d3c2 Deuteranopia 1% of men
#7fe9fa Tritanopia 0.001% of the population

Trichromacy

#b4e2af Protanomaly 1% of men, 0.01% of women
#bedebd Deuteranomaly 6% of men, 0.4% of women
#72ece0 Tritanomaly 0.01% of the population

#5af2b4 hex color

#5af2b4 Color Information

#5af2b4 Color Conversion

Color Schemes with #5af2b4

Alternatives to #5af2b4

#5af2b4 Preview

Shades and Tints of #5af2b4

Tones of #5af2b4

Color Blindness Simulator