#5afac0 hex color

In a RGB color space, hex #5afac0 is composed of 35.3% red, 98% green and 75.3% blue. Whereas in a CMYK color space, it is composed of 64% cyan, 0% magenta, 23.2% yellow and 2% black. It has a hue angle of 158.3 degrees, a saturation of 94.1% and a lightness of 66.7%. #5afac0 color hex could be obtained by blending #b4ffff with #00f581. Closest websafe color is: #66ffcc.

♥
- f
- t
- g
- R 35
- G 98
- B 75
RGB color chart
- C 64
- M 0
- Y 23
- K 2
CMYK color chart

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

The hexadecimal color #5afac0 has RGB values of R:90, G:250, B:192 and CMYK values of C:0.64, M:0, Y:0.23, K:0.02. Its decimal value is 5962432.

Hex triplet	5afac0	`#5afac0`
RGB Decimal	90, 250, 192	`rgb(90,250,192)`
RGB Percent	35.3, 98, 75.3	`rgb(35.3%,98%,75.3%)`
CMYK	64, 0, 23, 2
HSL	158.3°, 94.1, 66.7	`hsl(158.3,94.1%,66.7%)`
HSV (or HSB)	158.3°, 64, 98
Web Safe	66ffcc	`#66ffcc`

CIE-LAB	89.086, -55.026, 15.688
XYZ	47.913, 74.346, 61.692
xyY	0.26, 0.404, 74.346
CIE-LCH	89.086, 57.218, 164.087
CIE-LUV	89.086, -64.489, 32.397
Hunter-Lab	86.224, -51.704, 17.936
Binary	01011010, 11111010, 11000000

#5afac0
```
#5afac0 rgb(90,250,192)
```
#fa5a94
```
#fa5a94 rgb(250,90,148)
```

Complementary Color

#5afa70
```
#5afa70 rgb(90,250,112)
```
#5afac0
```
#5afac0 rgb(90,250,192)
```
#5ae4fa
```
#5ae4fa rgb(90,228,250)
```

Analogous Color

#fa705a
```
#fa705a rgb(250,112,90)
```
#5afac0
```
#5afac0 rgb(90,250,192)
```
#fa5ae4
```
#fa5ae4 rgb(250,90,228)
```

Split Complementary Color

#fac05a
```
#fac05a rgb(250,192,90)
```
#5afac0
```
#5afac0 rgb(90,250,192)
```
#c05afa
```
#c05afa rgb(192,90,250)
```

Triadic Color

#94fa5a
```
#94fa5a rgb(148,250,90)
```
#5afac0
```
#5afac0 rgb(90,250,192)
```
#c05afa
```
#c05afa rgb(192,90,250)
```
#fa5a94
```
#fa5a94 rgb(250,90,148)
```

Tetradic Color

#10f8a4
```
#10f8a4 rgb(16,248,164)
```
#28f9ad
```
#28f9ad rgb(40,249,173)
```
#41f9b7
```
#41f9b7 rgb(65,249,183)
```
#5afac0
```
#5afac0 rgb(90,250,192)
```
#73fbc9
```
#73fbc9 rgb(115,251,201)
```
#8cfcd3
```
#8cfcd3 rgb(140,252,211)
```
#a4fcdc
```
#a4fcdc rgb(164,252,220)
```

Monochromatic Color

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

#5afa98
```
#5afa98 rgb(90,250,152)
```
#5afaa5
```
#5afaa5 rgb(90,250,165)
```
#5afab3
```
#5afab3 rgb(90,250,179)
```
#5afac0
```
#5afac0 rgb(90,250,192)
```
#5afacd
```
#5afacd rgb(90,250,205)
```
#5afadb
```
#5afadb rgb(90,250,219)
```
#5afae8
```
#5afae8 rgb(90,250,232)
```

Similar Colors

Text with hexadecimal color #5afac0

This text has a font color of #5afac0.

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

#5afac0 background color

This paragraph has a background color of #5afac0.

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

#5afac0 border color

This element has a border color of #5afac0.

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

CSS codes

.text {color:#5afac0;}

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

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

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

#000604
```
#000604 rgb(0,6,4)
```
#011910
```
#011910 rgb(1,25,16)
```
#012c1d
```
#012c1d rgb(1,44,29)
```
#023f29
```
#023f29 rgb(2,63,41)
```
#025236
```
#025236 rgb(2,82,54)
```
#036642
```
#036642 rgb(3,102,66)
```
#04794e
```
#04794e rgb(4,121,78)
```
#048c5b
```
#048c5b rgb(4,140,91)
```
#059f67
```
#059f67 rgb(5,159,103)
```
#05b273
```
#05b273 rgb(5,178,115)
```
#06c580
```
#06c580 rgb(6,197,128)
```
#07d88c
```
#07d88c rgb(7,216,140)
```
#07eb98
```
#07eb98 rgb(7,235,152)
```

Shade Color Variation

#0ef8a3
```
#0ef8a3 rgb(14,248,163)
```
#21f8aa
```
#21f8aa rgb(33,248,170)
```
#34f9b1
```
#34f9b1 rgb(52,249,177)
```
#47f9b9
```
#47f9b9 rgb(71,249,185)
```
#5afac0
```
#5afac0 rgb(90,250,192)
```
#6dfbc7
```
#6dfbc7 rgb(109,251,199)
```
#80fbcf
```
#80fbcf rgb(128,251,207)
```
#93fcd6
```
#93fcd6 rgb(147,252,214)
```
#a6fcdd
```
#a6fcdd rgb(166,252,221)
```
#b9fde4
```
#b9fde4 rgb(185,253,228)
```
#ccfdec
```
#ccfdec rgb(204,253,236)
```
#dffef3
```
#dffef3 rgb(223,254,243)
```
#f2fffa
```
#f2fffa rgb(242,255,250)
```

Tint Color Variation

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

#a8acaa
```
#a8acaa rgb(168,172,170)
```
#a2b2ac
```
#a2b2ac rgb(162,178,172)
```
#9bb9ae
```
#9bb9ae rgb(155,185,174)
```
#95bfb0
```
#95bfb0 rgb(149,191,176)
```
#8ec6b2
```
#8ec6b2 rgb(142,198,178)
```
#88ccb3
```
#88ccb3 rgb(136,204,179)
```
#81d3b5
```
#81d3b5 rgb(129,211,181)
```
#7bd9b7
```
#7bd9b7 rgb(123,217,183)
```
#74e0b9
```
#74e0b9 rgb(116,224,185)
```
#6ee6bb
```
#6ee6bb rgb(110,230,187)
```
#67edbc
```
#67edbc rgb(103,237,188)
```
#61f3be
```
#61f3be rgb(97,243,190)
```
#5afac0
```
#5afac0 rgb(90,250,192)
```

Tone Color Variation

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

#c4c4c4 Achromatopsia 0.005% of the population
#afcfc3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#eee0b7 Protanopia 1% of men
#fdd9ce Deuteranopia 1% of men
#92efff Tritanopia 0.001% of the population

Trichromacy

#b8eaba Protanomaly 1% of men, 0.01% of women
#c1e5c9 Deuteranomaly 6% of men, 0.4% of women
#7ef3e8 Tritanomaly 0.01% of the population

#5afac0 hex color

#5afac0 Color Information

#5afac0 Color Conversion

Color Schemes with #5afac0

Alternatives to #5afac0

#5afac0 Preview

Shades and Tints of #5afac0

Tones of #5afac0

Color Blindness Simulator