colorhexa.com

#5afbb0 hex color

In a RGB color space, hex #5afbb0 is composed of 35.3% red, 98.4% green and 69% blue. Whereas in a CMYK color space, it is composed of 64.1% cyan, 0% magenta, 29.9% yellow and 1.6% black. It has a hue angle of 152 degrees, a saturation of 95.3% and a lightness of 66.9%. #5afbb0 color hex could be obtained by blending #b4ffff with #00f761. Closest websafe color is: #66ff99.

- R 35
- G 98
- B 69
RGB color chart
- C 64
- M 0
- Y 30
- K 2
CMYK color chart

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

The hexadecimal color #5afbb0 has RGB values of R:90, G:251, B:176 and CMYK values of C:0.64, M:0, Y:0.3, K:0.02. Its decimal value is 5962672.

Hex triplet	5afbb0	`#5afbb0`
RGB Decimal	90, 251, 176	`rgb(90,251,176)`
RGB Percent	35.3, 98.4, 69	`rgb(35.3%,98.4%,69%)`
CMYK	64, 0, 30, 2
HSL	152°, 95.3, 66.9	`hsl(152,95.3%,66.9%)`
HSV (or HSB)	152°, 64.1, 98.4
Web Safe	66ff99	`#66ff99`

CIE-LAB	89.063, -58.747, 23.857
XYZ	46.547, 74.299, 52.96
xyY	0.268, 0.427, 74.299
CIE-LCH	89.063, 63.406, 157.898
CIE-LUV	89.063, -65.74, 44.323
Hunter-Lab	86.197, -54.453, 23.909
Binary	01011010, 11111011, 10110000

#5afbb0
```
#5afbb0 rgb(90,251,176)
```
#fb5aa5
```
#fb5aa5 rgb(251,90,165)
```

Complementary Color

#5afb60
```
#5afb60 rgb(90,251,96)
```
#5afbb0
```
#5afbb0 rgb(90,251,176)
```
#5af6fb
```
#5af6fb rgb(90,246,251)
```

Analogous Color

#fb605a
```
#fb605a rgb(251,96,90)
```
#5afbb0
```
#5afbb0 rgb(90,251,176)
```
#fb5af6
```
#fb5af6 rgb(251,90,246)
```

Split Complementary Color

#fbb05a
```
#fbb05a rgb(251,176,90)
```
#5afbb0
```
#5afbb0 rgb(90,251,176)
```
#b05afb
```
#b05afb rgb(176,90,251)
```

Triadic Color

#a5fb5a
```
#a5fb5a rgb(165,251,90)
```
#5afbb0
```
#5afbb0 rgb(90,251,176)
```
#b05afb
```
#b05afb rgb(176,90,251)
```
#fb5aa5
```
#fb5aa5 rgb(251,90,165)
```

Tetradic Color

#0ff98c
```
#0ff98c rgb(15,249,140)
```
#28fa98
```
#28fa98 rgb(40,250,152)
```
#41faa4
```
#41faa4 rgb(65,250,164)
```
#5afbb0
```
#5afbb0 rgb(90,251,176)
```
#73fcbc
```
#73fcbc rgb(115,252,188)
```
#8cfcc8
```
#8cfcc8 rgb(140,252,200)
```
#a5fdd4
```
#a5fdd4 rgb(165,253,212)
```

Monochromatic Color

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

#5afb88
```
#5afb88 rgb(90,251,136)
```
#5afb95
```
#5afb95 rgb(90,251,149)
```
#5afba3
```
#5afba3 rgb(90,251,163)
```
#5afbb0
```
#5afbb0 rgb(90,251,176)
```
#5afbbd
```
#5afbbd rgb(90,251,189)
```
#5afbcb
```
#5afbcb rgb(90,251,203)
```
#5afbd8
```
#5afbd8 rgb(90,251,216)
```

Similar Colors

Text with hexadecimal color #5afbb0

This text has a font color of #5afbb0.

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

#5afbb0 background color

This paragraph has a background color of #5afbb0.

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

#5afbb0 border color

This element has a border color of #5afbb0.

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

CSS codes

.text {color:#5afbb0;}

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

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

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

#000704
```
#000704 rgb(0,7,4)
```
#011b0e
```
#011b0e rgb(1,27,14)
```
#012e19
```
#012e19 rgb(1,46,25)
```
#024123
```
#024123 rgb(2,65,35)
```
#02542e
```
#02542e rgb(2,84,46)
```
#026738
```
#026738 rgb(2,103,56)
```
#037a43
```
#037a43 rgb(3,122,67)
```
#038d4d
```
#038d4d rgb(3,141,77)
```
#04a158
```
#04a158 rgb(4,161,88)
```
#04b462
```
#04b462 rgb(4,180,98)
```
#05c76c
```
#05c76c rgb(5,199,108)
```
#05da77
```
#05da77 rgb(5,218,119)
```
#06ed81
```
#06ed81 rgb(6,237,129)
```

Shade Color Variation

#0df98b
```
#0df98b rgb(13,249,139)
```
#21fa94
```
#21fa94 rgb(33,250,148)
```
#34fa9e
```
#34fa9e rgb(52,250,158)
```
#47fba7
```
#47fba7 rgb(71,251,167)
```
#5afbb0
```
#5afbb0 rgb(90,251,176)
```
#6dfbb9
```
#6dfbb9 rgb(109,251,185)
```
#80fcc2
```
#80fcc2 rgb(128,252,194)
```
#93fccc
```
#93fccc rgb(147,252,204)
```
#a7fdd5
```
#a7fdd5 rgb(167,253,213)
```
#bafdde
```
#bafdde rgb(186,253,222)
```
#cdfee7
```
#cdfee7 rgb(205,254,231)
```
#e0fef0
```
#e0fef0 rgb(224,254,240)
```
#f3fff9
```
#f3fff9 rgb(243,255,249)
```

Tint Color Variation

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

#a8adab
```
#a8adab rgb(168,173,171)
```
#a2b4ab
```
#a2b4ab rgb(162,180,171)
```
#9bbaac
```
#9bbaac rgb(155,186,172)
```
#95c1ac
```
#95c1ac rgb(149,193,172)
```
#8ec7ac
```
#8ec7ac rgb(142,199,172)
```
#88cead
```
#88cead rgb(136,206,173)
```
#81d4ad
```
#81d4ad rgb(129,212,173)
```
#7bdbae
```
#7bdbae rgb(123,219,174)
```
#74e1ae
```
#74e1ae rgb(116,225,174)
```
#6ee8af
```
#6ee8af rgb(110,232,175)
```
#67eeaf
```
#67eeaf rgb(103,238,175)
```
#60f5b0
```
#60f5b0 rgb(96,245,176)
```
#5afbb0
```
#5afbb0 rgb(90,251,176)
```

Tone Color Variation

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

Dichromacy

#f1e1a9 Protanopia 1% of men
#ffdac3 Deuteranopia 1% of men
#93efff Tritanopia 0.001% of the population

Trichromacy

#baeaab Protanomaly 1% of men, 0.01% of women
#c3e6bc Deuteranomaly 6% of men, 0.4% of women
#7ef3e2 Tritanomaly 0.01% of the population