#5af0b9 hex color

In a RGB color space, hex #5af0b9 is composed of 35.3% red, 94.1% green and 72.5% blue. Whereas in a CMYK color space, it is composed of 62.5% cyan, 0% magenta, 22.9% yellow and 5.9% black. It has a hue angle of 158 degrees, a saturation of 83.3% and a lightness of 64.7%. #5af0b9 color hex could be obtained by blending #b4ffff with #00e173. Closest websafe color is: #66ffcc.

♥
- f
- t
- g
- R 35
- G 94
- B 73
RGB color chart
- C 63
- M 0
- Y 23
- K 6
CMYK color chart

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

The hexadecimal color #5af0b9 has RGB values of R:90, G:240, B:185 and CMYK values of C:0.63, M:0, Y:0.23, K:0.06. Its decimal value is 5959865.

Hex triplet	5af0b9	`#5af0b9`
RGB Decimal	90, 240, 185	`rgb(90,240,185)`
RGB Percent	35.3, 94.1, 72.5	`rgb(35.3%,94.1%,72.5%)`
CMYK	63, 0, 23, 6
HSL	158°, 83.3, 64.7	`hsl(158,83.3%,64.7%)`
HSV (or HSB)	158°, 62.5, 94.1
Web Safe	66ffcc	`#66ffcc`

CIE-LAB	86.003, -52.497, 14.967
XYZ	44.13, 67.993, 56.695
xyY	0.261, 0.403, 67.993
CIE-LCH	86.003, 54.589, 164.087
CIE-LUV	86.003, -61.274, 30.765
Hunter-Lab	82.458, -48.771, 16.955
Binary	01011010, 11110000, 10111001

#5af0b9
```
#5af0b9 rgb(90,240,185)
```
#f05a91
```
#f05a91 rgb(240,90,145)
```

Complementary Color

#5af06e
```
#5af06e rgb(90,240,110)
```
#5af0b9
```
#5af0b9 rgb(90,240,185)
```
#5adcf0
```
#5adcf0 rgb(90,220,240)
```

Analogous Color

#f06e5a
```
#f06e5a rgb(240,110,90)
```
#5af0b9
```
#5af0b9 rgb(90,240,185)
```
#f05adc
```
#f05adc rgb(240,90,220)
```

Split Complementary Color

#f0b95a
```
#f0b95a rgb(240,185,90)
```
#5af0b9
```
#5af0b9 rgb(90,240,185)
```
#b95af0
```
#b95af0 rgb(185,90,240)
```

Triadic Color

#91f05a
```
#91f05a rgb(145,240,90)
```
#5af0b9
```
#5af0b9 rgb(90,240,185)
```
#b95af0
```
#b95af0 rgb(185,90,240)
```
#f05a91
```
#f05a91 rgb(240,90,145)
```

Tetradic Color

#15e89b
```
#15e89b rgb(21,232,155)
```
#2beca5
```
#2beca5 rgb(43,236,165)
```
#43eeaf
```
#43eeaf rgb(67,238,175)
```
#5af0b9
```
#5af0b9 rgb(90,240,185)
```
#71f2c3
```
#71f2c3 rgb(113,242,195)
```
#89f4cd
```
#89f4cd rgb(137,244,205)
```
#a0f6d7
```
#a0f6d7 rgb(160,246,215)
```

Monochromatic Color

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

#5af094
```
#5af094 rgb(90,240,148)
```
#5af0a0
```
#5af0a0 rgb(90,240,160)
```
#5af0ad
```
#5af0ad rgb(90,240,173)
```
#5af0b9
```
#5af0b9 rgb(90,240,185)
```
#5af0c6
```
#5af0c6 rgb(90,240,198)
```
#5af0d2
```
#5af0d2 rgb(90,240,210)
```
#5af0df
```
#5af0df rgb(90,240,223)
```

Similar Colors

Text with hexadecimal color #5af0b9

This text has a font color of #5af0b9.

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

#5af0b9 background color

This paragraph has a background color of #5af0b9.

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

#5af0b9 border color

This element has a border color of #5af0b9.

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

CSS codes

.text {color:#5af0b9;}

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

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

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, #010f0a is the darkest color, while #fcfffe is the lightest one.

#010f0a
```
#010f0a rgb(1,15,10)
```
#032116
```
#032116 rgb(3,33,22)
```
#053322
```
#053322 rgb(5,51,34)
```
#06452e
```
#06452e rgb(6,69,46)
```
#08573a
```
#08573a rgb(8,87,58)
```
#0a6946
```
#0a6946 rgb(10,105,70)
```
#0b7b52
```
#0b7b52 rgb(11,123,82)
```
#0d8d5e
```
#0d8d5e rgb(13,141,94)
```
#0e9f6a
```
#0e9f6a rgb(14,159,106)
```
#10b176
```
#10b176 rgb(16,177,118)
```
#12c382
```
#12c382 rgb(18,195,130)
```
#13d58e
```
#13d58e rgb(19,213,142)
```
#15e79a
```
#15e79a rgb(21,231,154)
```

Shade Color Variation

#24eba2
```
#24eba2 rgb(36,235,162)
```
#36edaa
```
#36edaa rgb(54,237,170)
```
#48eeb1
```
#48eeb1 rgb(72,238,177)
```
#5af0b9
```
#5af0b9 rgb(90,240,185)
```
#6cf2c1
```
#6cf2c1 rgb(108,242,193)
```
#7ef3c8
```
#7ef3c8 rgb(126,243,200)
```
#90f5d0
```
#90f5d0 rgb(144,245,208)
```
#a2f7d8
```
#a2f7d8 rgb(162,247,216)
```
#b4f8df
```
#b4f8df rgb(180,248,223)
```
#c6fae7
```
#c6fae7 rgb(198,250,231)
```
#d8fbee
```
#d8fbee rgb(216,251,238)
```
#eafdf6
```
#eafdf6 rgb(234,253,246)
```
#fcfffe
```
#fcfffe rgb(252,255,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9faba7 is the less saturated color, while #4cfebd is the most saturated one.

#9faba7
```
#9faba7 rgb(159,171,167)
```
#98b2a8
```
#98b2a8 rgb(152,178,168)
```
#91b9aa
```
#91b9aa rgb(145,185,170)
```
#8ac0ac
```
#8ac0ac rgb(138,192,172)
```
#84c6ae
```
#84c6ae rgb(132,198,174)
```
#7dcdb0
```
#7dcdb0 rgb(125,205,176)
```
#76d4b2
```
#76d4b2 rgb(118,212,178)
```
#6fdbb3
```
#6fdbb3 rgb(111,219,179)
```
#68e2b5
```
#68e2b5 rgb(104,226,181)
```
#61e9b7
```
#61e9b7 rgb(97,233,183)
```
#5af0b9
```
#5af0b9 rgb(90,240,185)
```
#53f7bb
```
#53f7bb rgb(83,247,187)
```
#4cfebd
```
#4cfebd rgb(76,254,189)
```

Tone Color Variation

Below, you can see how #5af0b9 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
#a9c7bc Atypical Achromatopsia 0.001% of the population

Dichromacy

#e5d8b1 Protanopia 1% of men
#f4d1c7 Deuteranopia 1% of men
#7de8f9 Tritanopia 0.001% of the population

Trichromacy

#b2e1b4 Protanomaly 1% of men, 0.01% of women
#bcdcc2 Deuteranomaly 6% of men, 0.4% of women
#70ebe1 Tritanomaly 0.01% of the population

#5af0b9 hex color

#5af0b9 Color Information

#5af0b9 Color Conversion

Color Schemes with #5af0b9

Alternatives to #5af0b9

#5af0b9 Preview

Shades and Tints of #5af0b9

Tones of #5af0b9

Color Blindness Simulator