#5af638 hex color

In a RGB color space, hex #5af638 is composed of 35.3% red, 96.5% green and 22% blue. Whereas in a CMYK color space, it is composed of 63.4% cyan, 0% magenta, 77.2% yellow and 3.5% black. It has a hue angle of 109.3 degrees, a saturation of 91.3% and a lightness of 59.2%. #5af638 color hex could be obtained by blending #b4ff70 with #00ed00. Closest websafe color is: #66ff33.

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

● #5af638 color description : Bright lime green.

The hexadecimal color #5af638 has RGB values of R:90, G:246, B:56 and CMYK values of C:0.63, M:0, Y:0.77, K:0.04. Its decimal value is 5961272.

Hex triplet	5af638	`#5af638`
RGB Decimal	90, 246, 56	`rgb(90,246,56)`
RGB Percent	35.3, 96.5, 22	`rgb(35.3%,96.5%,22%)`
CMYK	63, 0, 77, 4
HSL	109.3°, 91.3, 59.2	`hsl(109.3,91.3%,59.2%)`
HSV (or HSB)	109.3°, 77.2, 96.5
Web Safe	66ff33	`#66ff33`

CIE-LAB	86.19, -72.505, 73.031
XYZ	37.884, 68.367, 14.941
xyY	0.313, 0.564, 68.367
CIE-LCH	86.19, 102.911, 134.793
CIE-LUV	86.19, -68.461, 97.352
Hunter-Lab	82.685, -62.913, 47.166
Binary	01011010, 11110110, 00111000

#5af638
```
#5af638 rgb(90,246,56)
```
#d438f6
```
#d438f6 rgb(212,56,246)
```

Complementary Color

#b9f638
```
#b9f638 rgb(185,246,56)
```
#5af638
```
#5af638 rgb(90,246,56)
```
#38f675
```
#38f675 rgb(56,246,117)
```

Analogous Color

#f638b9
```
#f638b9 rgb(246,56,185)
```
#5af638
```
#5af638 rgb(90,246,56)
```
#7538f6
```
#7538f6 rgb(117,56,246)
```

Split Complementary Color

#f6385a
```
#f6385a rgb(246,56,90)
```
#5af638
```
#5af638 rgb(90,246,56)
```
#385af6
```
#385af6 rgb(56,90,246)
```

Triadic Color

#f6d438
```
#f6d438 rgb(246,212,56)
```
#5af638
```
#5af638 rgb(90,246,56)
```
#385af6
```
#385af6 rgb(56,90,246)
```
#d438f6
```
#d438f6 rgb(212,56,246)
```

Tetradic Color

#2fd80a
```
#2fd80a rgb(47,216,10)
```
#34f00b
```
#34f00b rgb(52,240,11)
```
#46f520
```
#46f520 rgb(70,245,32)
```
#5af638
```
#5af638 rgb(90,246,56)
```
#6ef750
```
#6ef750 rgb(110,247,80)
```
#82f869
```
#82f869 rgb(130,248,105)
```
#97f981
```
#97f981 rgb(151,249,129)
```

Monochromatic Color

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

#8af638
```
#8af638 rgb(138,246,56)
```
#7af638
```
#7af638 rgb(122,246,56)
```
#6af638
```
#6af638 rgb(106,246,56)
```
#5af638
```
#5af638 rgb(90,246,56)
```
#4af638
```
#4af638 rgb(74,246,56)
```
#3af638
```
#3af638 rgb(58,246,56)
```
#38f646
```
#38f646 rgb(56,246,70)
```

Similar Colors

Text with hexadecimal color #5af638

This text has a font color of #5af638.

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

#5af638 background color

This paragraph has a background color of #5af638.

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

#5af638 border color

This element has a border color of #5af638.

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

CSS codes

.text {color:#5af638;}

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

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

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

#020700
```
#020700 rgb(2,7,0)
```
#061a01
```
#061a01 rgb(6,26,1)
```
#0a2d02
```
#0a2d02 rgb(10,45,2)
```
#0e4003
```
#0e4003 rgb(14,64,3)
```
#125204
```
#125204 rgb(18,82,4)
```
#166505
```
#166505 rgb(22,101,5)
```
#1a7805
```
#1a7805 rgb(26,120,5)
```
#1e8b06
```
#1e8b06 rgb(30,139,6)
```
#229e07
```
#229e07 rgb(34,158,7)
```
#26b008
```
#26b008 rgb(38,176,8)
```
#2ac309
```
#2ac309 rgb(42,195,9)
```
#2ed60a
```
#2ed60a rgb(46,214,10)
```
#32e90b
```
#32e90b rgb(50,233,11)
```

Shade Color Variation

#3bf412
```
#3bf412 rgb(59,244,18)
```
#4af525
```
#4af525 rgb(74,245,37)
```
#5af638
```
#5af638 rgb(90,246,56)
```
#6af74b
```
#6af74b rgb(106,247,75)
```
#79f85e
```
#79f85e rgb(121,248,94)
```
#89f970
```
#89f970 rgb(137,249,112)
```
#98f983
```
#98f983 rgb(152,249,131)
```
#a8fa96
```
#a8fa96 rgb(168,250,150)
```
#b7fba9
```
#b7fba9 rgb(183,251,169)
```
#c7fcbb
```
#c7fcbb rgb(199,252,187)
```
#d6fdce
```
#d6fdce rgb(214,253,206)
```
#e6fee1
```
#e6fee1 rgb(230,254,225)
```
#f6fef4
```
#f6fef4 rgb(246,254,244)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #939e90 is the less saturated color, while #55fe30 is the most saturated one.

#939e90
```
#939e90 rgb(147,158,144)
```
#8da688
```
#8da688 rgb(141,166,136)
```
#88ae80
```
#88ae80 rgb(136,174,128)
```
#83b678
```
#83b678 rgb(131,182,120)
```
#7ebe70
```
#7ebe70 rgb(126,190,112)
```
#79c668
```
#79c668 rgb(121,198,104)
```
#74ce60
```
#74ce60 rgb(116,206,96)
```
#6fd658
```
#6fd658 rgb(111,214,88)
```
#69de50
```
#69de50 rgb(105,222,80)
```
#64e648
```
#64e648 rgb(100,230,72)
```
#5fee40
```
#5fee40 rgb(95,238,64)
```
#5af638
```
#5af638 rgb(90,246,56)
```
#55fe30
```
#55fe30 rgb(85,254,48)
```

Tone Color Variation

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

#b2b2b2 Achromatopsia 0.005% of the population
#a0c09a Atypical Achromatopsia 0.001% of the population

Dichromacy

#f3da3a Protanopia 1% of men
#ffd291 Deuteranopia 1% of men
#91e6f7 Tritanopia 0.001% of the population

Trichromacy

#bbe439 Protanomaly 1% of men, 0.01% of women
#c3df70 Deuteranomaly 6% of men, 0.4% of women
#7decb1 Tritanomaly 0.01% of the population

#5af638 hex color

#5af638 Color Information

#5af638 Color Conversion

Color Schemes with #5af638

Alternatives to #5af638

#5af638 Preview

Shades and Tints of #5af638

Tones of #5af638

Color Blindness Simulator