#5af693 hex color

In a RGB color space, hex #5af693 is composed of 35.3% red, 96.5% green and 57.6% blue. Whereas in a CMYK color space, it is composed of 63.4% cyan, 0% magenta, 40.2% yellow and 3.5% black. It has a hue angle of 141.9 degrees, a saturation of 89.7% and a lightness of 65.9%. #5af693 color hex could be obtained by blending #b4ffff with #00ed27. Closest websafe color is: #66ff99.

♥
- f
- t
- g
- R 35
- G 96
- B 58
RGB color chart
- C 63
- M 0
- Y 40
- K 4
CMYK color chart

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

The hexadecimal color #5af693 has RGB values of R:90, G:246, B:147 and CMYK values of C:0.63, M:0, Y:0.4, K:0.04. Its decimal value is 5961363.

Hex triplet	5af693	`#5af693`
RGB Decimal	90, 246, 147	`rgb(90,246,147)`
RGB Percent	35.3, 96.5, 57.6	`rgb(35.3%,96.5%,57.6%)`
CMYK	63, 0, 40, 4
HSL	141.9°, 89.7, 65.9	`hsl(141.9,89.7%,65.9%)`
HSV (or HSB)	141.9°, 63.4, 96.5
Web Safe	66ff99	`#66ff99`

CIE-LAB	87.089, -62.198, 35.809
XYZ	42.436, 70.188, 38.913
xyY	0.28, 0.463, 70.188
CIE-LCH	87.089, 71.77, 150.07
CIE-LUV	87.089, -65.424, 59.85
Hunter-Lab	83.778, -56.197, 31.106
Binary	01011010, 11110110, 10010011

#5af693
```
#5af693 rgb(90,246,147)
```
#f65abd
```
#f65abd rgb(246,90,189)
```

Complementary Color

#6ff65a
```
#6ff65a rgb(111,246,90)
```
#5af693
```
#5af693 rgb(90,246,147)
```
#5af6e1
```
#5af6e1 rgb(90,246,225)
```

Analogous Color

#f65a6f
```
#f65a6f rgb(246,90,111)
```
#5af693
```
#5af693 rgb(90,246,147)
```
#e15af6
```
#e15af6 rgb(225,90,246)
```

Split Complementary Color

#f6935a
```
#f6935a rgb(246,147,90)
```
#5af693
```
#5af693 rgb(90,246,147)
```
#935af6
```
#935af6 rgb(147,90,246)
```

Triadic Color

#bdf65a
```
#bdf65a rgb(189,246,90)
```
#5af693
```
#5af693 rgb(90,246,147)
```
#935af6
```
#935af6 rgb(147,90,246)
```
#f65abd
```
#f65abd rgb(246,90,189)
```

Tetradic Color

#11f264
```
#11f264 rgb(17,242,100)
```
#2af373
```
#2af373 rgb(42,243,115)
```
#42f583
```
#42f583 rgb(66,245,131)
```
#5af693
```
#5af693 rgb(90,246,147)
```
#72f7a3
```
#72f7a3 rgb(114,247,163)
```
#8af9b3
```
#8af9b3 rgb(138,249,179)
```
#a3fac2
```
#a3fac2 rgb(163,250,194)
```

Monochromatic Color

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

#5af66c
```
#5af66c rgb(90,246,108)
```
#5af679
```
#5af679 rgb(90,246,121)
```
#5af686
```
#5af686 rgb(90,246,134)
```
#5af693
```
#5af693 rgb(90,246,147)
```
#5af6a0
```
#5af6a0 rgb(90,246,160)
```
#5af6ad
```
#5af6ad rgb(90,246,173)
```
#5af6ba
```
#5af6ba rgb(90,246,186)
```

Similar Colors

Text with hexadecimal color #5af693

This text has a font color of #5af693.

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

#5af693 background color

This paragraph has a background color of #5af693.

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

#5af693 border color

This element has a border color of #5af693.

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

CSS codes

.text {color:#5af693;}

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

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

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

#000201
```
#000201 rgb(0,2,1)
```
#011508
```
#011508 rgb(1,21,8)
```
#022810
```
#022810 rgb(2,40,16)
```
#033a17
```
#033a17 rgb(3,58,23)
```
#044d1f
```
#044d1f rgb(4,77,31)
```
#055f26
```
#055f26 rgb(5,95,38)
```
#06722e
```
#06722e rgb(6,114,46)
```
#078535
```
#078535 rgb(7,133,53)
```
#08973c
```
#08973c rgb(8,151,60)
```
#09aa44
```
#09aa44 rgb(9,170,68)
```
#0abc4b
```
#0abc4b rgb(10,188,75)
```
#0bcf53
```
#0bcf53 rgb(11,207,83)
```
#0ce25a
```
#0ce25a rgb(12,226,90)
```

Shade Color Variation

#10f262
```
#10f262 rgb(16,242,98)
```
#22f36e
```
#22f36e rgb(34,243,110)
```
#35f47b
```
#35f47b rgb(53,244,123)
```
#47f587
```
#47f587 rgb(71,245,135)
```
#5af693
```
#5af693 rgb(90,246,147)
```
#6df79f
```
#6df79f rgb(109,247,159)
```
#7ff8ab
```
#7ff8ab rgb(127,248,171)
```
#92f9b8
```
#92f9b8 rgb(146,249,184)
```
#a4fac4
```
#a4fac4 rgb(164,250,196)
```
#b7fbd0
```
#b7fbd0 rgb(183,251,208)
```
#cafcdc
```
#cafcdc rgb(202,252,220)
```
#dcfde8
```
#dcfde8 rgb(220,253,232)
```
#effef4
```
#effef4 rgb(239,254,244)
```

Tint Color Variation

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

#a4aca7
```
#a4aca7 rgb(164,172,167)
```
#9db3a5
```
#9db3a5 rgb(157,179,165)
```
#96baa3
```
#96baa3 rgb(150,186,163)
```
#90c0a1
```
#90c0a1 rgb(144,192,161)
```
#89c7a0
```
#89c7a0 rgb(137,199,160)
```
#82ce9e
```
#82ce9e rgb(130,206,158)
```
#7bd59c
```
#7bd59c rgb(123,213,156)
```
#75db9a
```
#75db9a rgb(117,219,154)
```
#6ee298
```
#6ee298 rgb(110,226,152)
```
#67e997
```
#67e997 rgb(103,233,151)
```
#61ef95
```
#61ef95 rgb(97,239,149)
```
#5af693
```
#5af693 rgb(90,246,147)
```
#53fd91
```
#53fd91 rgb(83,253,145)
```

Tone Color Variation

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

#bcbcbc Achromatopsia 0.005% of the population
#a8c8b4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#efdb8e Protanopia 1% of men
#ffd4ab Deuteranopia 1% of men
#87eafb Tritanopia 0.001% of the population

Trichromacy

#b8e590 Protanomaly 1% of men, 0.01% of women
#c3e0a2 Deuteranomaly 6% of men, 0.4% of women
#77eed5 Tritanomaly 0.01% of the population

#5af693 hex color

#5af693 Color Information

#5af693 Color Conversion

Color Schemes with #5af693

Alternatives to #5af693

#5af693 Preview

Shades and Tints of #5af693

Tones of #5af693

Color Blindness Simulator