colorhexa.com

#5afb69 hex color

In a RGB color space, hex #5afb69 is composed of 35.3% red, 98.4% green and 41.2% blue. Whereas in a CMYK color space, it is composed of 64.1% cyan, 0% magenta, 58.2% yellow and 1.6% black. It has a hue angle of 125.6 degrees, a saturation of 95.3% and a lightness of 66.9%. #5afb69 color hex could be obtained by blending #b4ffd2 with #00f700. Closest websafe color is: #66ff66.

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

● #5afb69 color description : Soft lime green.

The hexadecimal color #5afb69 has RGB values of R:90, G:251, B:105 and CMYK values of C:0.64, M:0, Y:0.58, K:0.02. Its decimal value is 5962601.

Hex triplet	5afb69	`#5afb69`
RGB Decimal	90, 251, 105	`rgb(90,251,105)`
RGB Percent	35.3, 98.4, 41.2	`rgb(35.3%,98.4%,41.2%)`
CMYK	64, 0, 58, 2
HSL	125.6°, 95.3, 66.9	`hsl(125.6,95.3%,66.9%)`
HSV (or HSB)	125.6°, 64.1, 98.4
Web Safe	66ff66	`#66ff66`

CIE-LAB	88.057, -69.931, 56.741
XYZ	41.261, 72.184, 25.122
xyY	0.298, 0.521, 72.184
CIE-LCH	88.057, 90.055, 140.944
CIE-LUV	88.057, -68.951, 83.933
Hunter-Lab	84.961, -61.994, 41.941
Binary	01011010, 11111011, 01101001

#5afb69
```
#5afb69 rgb(90,251,105)
```
#fb5aec
```
#fb5aec rgb(251,90,236)
```

Complementary Color

#9cfb5a
```
#9cfb5a rgb(156,251,90)
```
#5afb69
```
#5afb69 rgb(90,251,105)
```
#5afbba
```
#5afbba rgb(90,251,186)
```

Analogous Color

#fb5a9c
```
#fb5a9c rgb(251,90,156)
```
#5afb69
```
#5afb69 rgb(90,251,105)
```
#ba5afb
```
#ba5afb rgb(186,90,251)
```

Split Complementary Color

#fb695a
```
#fb695a rgb(251,105,90)
```
#5afb69
```
#5afb69 rgb(90,251,105)
```
#695afb
```
#695afb rgb(105,90,251)
```

Triadic Color

#ecfb5a
```
#ecfb5a rgb(236,251,90)
```
#5afb69
```
#5afb69 rgb(90,251,105)
```
#695afb
```
#695afb rgb(105,90,251)
```
#fb5aec
```
#fb5aec rgb(251,90,236)
```

Tetradic Color

#0ff925
```
#0ff925 rgb(15,249,37)
```
#28fa3c
```
#28fa3c rgb(40,250,60)
```
#41fa52
```
#41fa52 rgb(65,250,82)
```
#5afb69
```
#5afb69 rgb(90,251,105)
```
#73fc80
```
#73fc80 rgb(115,252,128)
```
#8cfc96
```
#8cfc96 rgb(140,252,150)
```
#a5fdad
```
#a5fdad rgb(165,253,173)
```

Monochromatic Color

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

#73fb5a
```
#73fb5a rgb(115,251,90)
```
#66fb5a
```
#66fb5a rgb(102,251,90)
```
#5afb5c
```
#5afb5c rgb(90,251,92)
```
#5afb69
```
#5afb69 rgb(90,251,105)
```
#5afb76
```
#5afb76 rgb(90,251,118)
```
#5afb84
```
#5afb84 rgb(90,251,132)
```
#5afb91
```
#5afb91 rgb(90,251,145)
```

Similar Colors

Text with hexadecimal color #5afb69

This text has a font color of #5afb69.

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

#5afb69 background color

This paragraph has a background color of #5afb69.

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

#5afb69 border color

This element has a border color of #5afb69.

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

CSS codes

.text {color:#5afb69;}

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

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

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

#000701
```
#000701 rgb(0,7,1)
```
#011b03
```
#011b03 rgb(1,27,3)
```
#012e05
```
#012e05 rgb(1,46,5)
```
#024107
```
#024107 rgb(2,65,7)
```
#02540a
```
#02540a rgb(2,84,10)
```
#02670c
```
#02670c rgb(2,103,12)
```
#037a0e
```
#037a0e rgb(3,122,14)
```
#038d10
```
#038d10 rgb(3,141,16)
```
#04a112
```
#04a112 rgb(4,161,18)
```
#04b415
```
#04b415 rgb(4,180,21)
```
#05c717
```
#05c717 rgb(5,199,23)
```
#05da19
```
#05da19 rgb(5,218,25)
```
#06ed1b
```
#06ed1b rgb(6,237,27)
```

Shade Color Variation

#0df923
```
#0df923 rgb(13,249,35)
```
#21fa35
```
#21fa35 rgb(33,250,53)
```
#34fa46
```
#34fa46 rgb(52,250,70)
```
#47fb58
```
#47fb58 rgb(71,251,88)
```
#5afb69
```
#5afb69 rgb(90,251,105)
```
#6dfb7a
```
#6dfb7a rgb(109,251,122)
```
#80fc8c
```
#80fc8c rgb(128,252,140)
```
#93fc9d
```
#93fc9d rgb(147,252,157)
```
#a7fdaf
```
#a7fdaf rgb(167,253,175)
```
#bafdc0
```
#bafdc0 rgb(186,253,192)
```
#cdfed1
```
#cdfed1 rgb(205,254,209)
```
#e0fee3
```
#e0fee3 rgb(224,254,227)
```
#f3fff4
```
#f3fff4 rgb(243,255,244)
```

Tint Color Variation

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

#a8ada8
```
#a8ada8 rgb(168,173,168)
```
#a2b4a3
```
#a2b4a3 rgb(162,180,163)
```
#9bba9e
```
#9bba9e rgb(155,186,158)
```
#95c199
```
#95c199 rgb(149,193,153)
```
#8ec793
```
#8ec793 rgb(142,199,147)
```
#88ce8e
```
#88ce8e rgb(136,206,142)
```
#81d489
```
#81d489 rgb(129,212,137)
```
#7bdb83
```
#7bdb83 rgb(123,219,131)
```
#74e17e
```
#74e17e rgb(116,225,126)
```
#6ee879
```
#6ee879 rgb(110,232,121)
```
#67ee74
```
#67ee74 rgb(103,238,116)
```
#60f56e
```
#60f56e rgb(96,245,110)
```
#5afb69
```
#5afb69 rgb(90,251,105)
```

Tone Color Variation

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

#bababa Achromatopsia 0.005% of the population
#a7c7aa Atypical Achromatopsia 0.001% of the population

Dichromacy

#f6de68 Protanopia 1% of men
#ffd8a9 Deuteranopia 1% of men
#8fecfd Tritanopia 0.001% of the population

Trichromacy

#bde968 Protanomaly 1% of men, 0.01% of women
#c3e491 Deuteranomaly 6% of men, 0.4% of women
#7bf1c7 Tritanomaly 0.01% of the population