#5af7a3 hex color

In a RGB color space, hex #5af7a3 is composed of 35.3% red, 96.9% green and 63.9% blue. Whereas in a CMYK color space, it is composed of 63.6% cyan, 0% magenta, 34% yellow and 3.1% black. It has a hue angle of 147.9 degrees, a saturation of 90.8% and a lightness of 66.1%. #5af7a3 color hex could be obtained by blending #b4ffff with #00ef47. Closest websafe color is: #66ff99.

♥
- f
- t
- g
- R 35
- G 97
- B 64
RGB color chart
- C 64
- M 0
- Y 34
- K 3
CMYK color chart

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

The hexadecimal color #5af7a3 has RGB values of R:90, G:247, B:163 and CMYK values of C:0.64, M:0, Y:0.34, K:0.03. Its decimal value is 5961635.

Hex triplet	5af7a3	`#5af7a3`
RGB Decimal	90, 247, 163	`rgb(90,247,163)`
RGB Percent	35.3, 96.9, 63.9	`rgb(35.3%,96.9%,63.9%)`
CMYK	64, 0, 34, 3
HSL	147.9°, 90.8, 66.1	`hsl(147.9,90.8%,66.1%)`
HSV (or HSB)	147.9°, 63.6, 96.9
Web Safe	66ff99	`#66ff99`

CIE-LAB	87.648, -59.719, 28.53
XYZ	44.085, 71.336, 46.094
xyY	0.273, 0.442, 71.336
CIE-LCH	87.648, 66.184, 154.464
CIE-LUV	87.648, -64.991, 50.471
Hunter-Lab	84.46, -54.636, 26.765
Binary	01011010, 11110111, 10100011

#5af7a3
```
#5af7a3 rgb(90,247,163)
```
#f75aae
```
#f75aae rgb(247,90,174)
```

Complementary Color

#60f75a
```
#60f75a rgb(96,247,90)
```
#5af7a3
```
#5af7a3 rgb(90,247,163)
```
#5af7f2
```
#5af7f2 rgb(90,247,242)
```

Analogous Color

#f75a60
```
#f75a60 rgb(247,90,96)
```
#5af7a3
```
#5af7a3 rgb(90,247,163)
```
#f25af7
```
#f25af7 rgb(242,90,247)
```

Split Complementary Color

#f7a35a
```
#f7a35a rgb(247,163,90)
```
#5af7a3
```
#5af7a3 rgb(90,247,163)
```
#a35af7
```
#a35af7 rgb(163,90,247)
```

Triadic Color

#aef75a
```
#aef75a rgb(174,247,90)
```
#5af7a3
```
#5af7a3 rgb(90,247,163)
```
#a35af7
```
#a35af7 rgb(163,90,247)
```
#f75aae
```
#f75aae rgb(247,90,174)
```

Tetradic Color

#11f37a
```
#11f37a rgb(17,243,122)
```
#29f588
```
#29f588 rgb(41,245,136)
```
#42f695
```
#42f695 rgb(66,246,149)
```
#5af7a3
```
#5af7a3 rgb(90,247,163)
```
#72f8b1
```
#72f8b1 rgb(114,248,177)
```
#8bf9be
```
#8bf9be rgb(139,249,190)
```
#a3fbcc
```
#a3fbcc rgb(163,251,204)
```

Monochromatic Color

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

#5af77c
```
#5af77c rgb(90,247,124)
```
#5af789
```
#5af789 rgb(90,247,137)
```
#5af796
```
#5af796 rgb(90,247,150)
```
#5af7a3
```
#5af7a3 rgb(90,247,163)
```
#5af7b0
```
#5af7b0 rgb(90,247,176)
```
#5af7bd
```
#5af7bd rgb(90,247,189)
```
#5af7ca
```
#5af7ca rgb(90,247,202)
```

Similar Colors

Text with hexadecimal color #5af7a3

This text has a font color of #5af7a3.

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

#5af7a3 background color

This paragraph has a background color of #5af7a3.

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

#5af7a3 border color

This element has a border color of #5af7a3.

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

CSS codes

.text {color:#5af7a3;}

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

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

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

#000302
```
#000302 rgb(0,3,2)
```
#01160b
```
#01160b rgb(1,22,11)
```
#022914
```
#022914 rgb(2,41,20)
```
#033b1d
```
#033b1d rgb(3,59,29)
```
#044e26
```
#044e26 rgb(4,78,38)
```
#056130
```
#056130 rgb(5,97,48)
```
#067439
```
#067439 rgb(6,116,57)
```
#078642
```
#078642 rgb(7,134,66)
```
#07994b
```
#07994b rgb(7,153,75)
```
#08ac54
```
#08ac54 rgb(8,172,84)
```
#09be5d
```
#09be5d rgb(9,190,93)
```
#0ad167
```
#0ad167 rgb(10,209,103)
```
#0be470
```
#0be470 rgb(11,228,112)
```

Shade Color Variation

#0ff379
```
#0ff379 rgb(15,243,121)
```
#22f484
```
#22f484 rgb(34,244,132)
```
#35f58e
```
#35f58e rgb(53,245,142)
```
#47f699
```
#47f699 rgb(71,246,153)
```
#5af7a3
```
#5af7a3 rgb(90,247,163)
```
#6df8ad
```
#6df8ad rgb(109,248,173)
```
#7ff9b8
```
#7ff9b8 rgb(127,249,184)
```
#92fac2
```
#92fac2 rgb(146,250,194)
```
#a5fbcd
```
#a5fbcd rgb(165,251,205)
```
#b8fcd7
```
#b8fcd7 rgb(184,252,215)
```
#cafce2
```
#cafce2 rgb(202,252,226)
```
#ddfdec
```
#ddfdec rgb(221,253,236)
```
#f0fef6
```
#f0fef6 rgb(240,254,246)
```

Tint Color Variation

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

#a3aea8
```
#a3aea8 rgb(163,174,168)
```
#9db4a8
```
#9db4a8 rgb(157,180,168)
```
#96bba7
```
#96bba7 rgb(150,187,167)
```
#8fc2a7
```
#8fc2a7 rgb(143,194,167)
```
#89c8a6
```
#89c8a6 rgb(137,200,166)
```
#82cfa6
```
#82cfa6 rgb(130,207,166)
```
#7bd6a5
```
#7bd6a5 rgb(123,214,165)
```
#75dca5
```
#75dca5 rgb(117,220,165)
```
#6ee3a4
```
#6ee3a4 rgb(110,227,164)
```
#67eaa4
```
#67eaa4 rgb(103,234,164)
```
#61f0a3
```
#61f0a3 rgb(97,240,163)
```
#5af7a3
```
#5af7a3 rgb(90,247,163)
```
#53fea3
```
#53fea3 rgb(83,254,163)
```

Tone Color Variation

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

#bebebe Achromatopsia 0.005% of the population
#aac9b9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#eedd9d Protanopia 1% of men
#ffd5b6 Deuteranopia 1% of men
#85ecfd Tritanopia 0.001% of the population

Trichromacy

#b8e69f Protanomaly 1% of men, 0.01% of women
#c3e1af Deuteranomaly 6% of men, 0.4% of women
#75f0dc Tritanomaly 0.01% of the population

#5af7a3 hex color

#5af7a3 Color Information

#5af7a3 Color Conversion

Color Schemes with #5af7a3

Alternatives to #5af7a3

#5af7a3 Preview

Shades and Tints of #5af7a3

Tones of #5af7a3

Color Blindness Simulator