#5af023 hex color

In a RGB color space, hex #5af023 is composed of 35.3% red, 94.1% green and 13.7% blue. Whereas in a CMYK color space, it is composed of 62.5% cyan, 0% magenta, 85.4% yellow and 5.9% black. It has a hue angle of 103.9 degrees, a saturation of 87.2% and a lightness of 53.9%. #5af023 color hex could be obtained by blending #b4ff46 with #00e100. Closest websafe color is: #66ff33.

♥
- f
- t
- g
- R 35
- G 94
- B 14
RGB color chart
- C 63
- M 0
- Y 85
- K 6
CMYK color chart

● #5af023 color description : Vivid green.

The hexadecimal color #5af023 has RGB values of R:90, G:240, B:35 and CMYK values of C:0.63, M:0, Y:0.85, K:0.06. Its decimal value is 5959715.

Hex triplet	5af023	`#5af023`
RGB Decimal	90, 240, 35	`rgb(90,240,35)`
RGB Percent	35.3, 94.1, 13.7	`rgb(35.3%,94.1%,13.7%)`
CMYK	63, 0, 85, 6
HSL	103.9°, 87.2, 53.9	`hsl(103.9,87.2%,53.9%)`
HSV (or HSB)	103.9°, 85.4, 94.1
Web Safe	66ff33	`#66ff33`

CIE-LAB	84.283, -71.574, 76.533
XYZ	35.678, 64.612, 12.181
xyY	0.317, 0.574, 64.612
CIE-LCH	84.283, 104.786, 133.082
CIE-LUV	84.283, -66.618, 98.67
Hunter-Lab	80.382, -61.439, 47.282
Binary	01011010, 11110000, 00100011

#5af023
```
#5af023 rgb(90,240,35)
```
#b923f0
```
#b923f0 rgb(185,35,240)
```

Complementary Color

#c1f023
```
#c1f023 rgb(193,240,35)
```
#5af023
```
#5af023 rgb(90,240,35)
```
#23f053
```
#23f053 rgb(35,240,83)
```

Analogous Color

#f023c1
```
#f023c1 rgb(240,35,193)
```
#5af023
```
#5af023 rgb(90,240,35)
```
#5323f0
```
#5323f0 rgb(83,35,240)
```

Split Complementary Color

#f0235a
```
#f0235a rgb(240,35,90)
```
#5af023
```
#5af023 rgb(90,240,35)
```
#235af0
```
#235af0 rgb(35,90,240)
```

Triadic Color

#f0b923
```
#f0b923 rgb(240,185,35)
```
#5af023
```
#5af023 rgb(90,240,35)
```
#235af0
```
#235af0 rgb(35,90,240)
```
#b923f0
```
#b923f0 rgb(185,35,240)
```

Tetradic Color

#3bba0d
```
#3bba0d rgb(59,186,13)
```
#43d20e
```
#43d20e rgb(67,210,14)
```
#4aea10
```
#4aea10 rgb(74,234,16)
```
#5af023
```
#5af023 rgb(90,240,35)
```
#6cf23b
```
#6cf23b rgb(108,242,59)
```
#7ef353
```
#7ef353 rgb(126,243,83)
```
#90f56b
```
#90f56b rgb(144,245,107)
```

Monochromatic Color

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

#8df023
```
#8df023 rgb(141,240,35)
```
#7cf023
```
#7cf023 rgb(124,240,35)
```
#6bf023
```
#6bf023 rgb(107,240,35)
```
#5af023
```
#5af023 rgb(90,240,35)
```
#49f023
```
#49f023 rgb(73,240,35)
```
#38f023
```
#38f023 rgb(56,240,35)
```
#27f023
```
#27f023 rgb(39,240,35)
```

Similar Colors

Text with hexadecimal color #5af023

This text has a font color of #5af023.

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

#5af023 background color

This paragraph has a background color of #5af023.

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

#5af023 border color

This element has a border color of #5af023.

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

CSS codes

.text {color:#5af023;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#061301
```
#061301 rgb(6,19,1)
```
#0c2503
```
#0c2503 rgb(12,37,3)
```
#123704
```
#123704 rgb(18,55,4)
```
#174a05
```
#174a05 rgb(23,74,5)
```
#1d5c06
```
#1d5c06 rgb(29,92,6)
```
#236f08
```
#236f08 rgb(35,111,8)
```
#298109
```
#298109 rgb(41,129,9)
```
#2f930a
```
#2f930a rgb(47,147,10)
```
#35a60b
```
#35a60b rgb(53,166,11)
```
#3bb80d
```
#3bb80d rgb(59,184,13)
```
#40ca0e
```
#40ca0e rgb(64,202,14)
```
#46dd0f
```
#46dd0f rgb(70,221,15)
```

Shade Color Variation

#4cef11
```
#4cef11 rgb(76,239,17)
```
#5af023
```
#5af023 rgb(90,240,35)
```
#68f135
```
#68f135 rgb(104,241,53)
```
#76f348
```
#76f348 rgb(118,243,72)
```
#83f45a
```
#83f45a rgb(131,244,90)
```
#91f56c
```
#91f56c rgb(145,245,108)
```
#9ff67f
```
#9ff67f rgb(159,246,127)
```
#adf891
```
#adf891 rgb(173,248,145)
```
#baf9a4
```
#baf9a4 rgb(186,249,164)
```
#c8fab6
```
#c8fab6 rgb(200,250,182)
```
#d6fbc8
```
#d6fbc8 rgb(214,251,200)
```
#e4fddb
```
#e4fddb rgb(228,253,219)
```
#f1feed
```
#f1feed rgb(241,254,237)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #888d86 is the less saturated color, while #56f91a is the most saturated one.

#888d86
```
#888d86 rgb(136,141,134)
```
#84967d
```
#84967d rgb(132,150,125)
```
#809f74
```
#809f74 rgb(128,159,116)
```
#7ca86b
```
#7ca86b rgb(124,168,107)
```
#77b162
```
#77b162 rgb(119,177,98)
```
#73ba59
```
#73ba59 rgb(115,186,89)
```
#6fc350
```
#6fc350 rgb(111,195,80)
```
#6bcc47
```
#6bcc47 rgb(107,204,71)
```
#67d53e
```
#67d53e rgb(103,213,62)
```
#62de35
```
#62de35 rgb(98,222,53)
```
#5ee72c
```
#5ee72c rgb(94,231,44)
```
#5af023
```
#5af023 rgb(90,240,35)
```
#56f91a
```
#56f91a rgb(86,249,26)
```

Tone Color Variation

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

#acacac Achromatopsia 0.005% of the population
#9cba91 Atypical Achromatopsia 0.001% of the population

Dichromacy

#eed526 Protanopia 1% of men
#ffcc78 Deuteranopia 1% of men
#8fe0f1 Tritanopia 0.001% of the population

Trichromacy

#b8de25 Protanomaly 1% of men, 0.01% of women
#c3d959 Deuteranomaly 6% of men, 0.4% of women
#7ce6a6 Tritanomaly 0.01% of the population

#5af023 hex color

#5af023 Color Information

#5af023 Color Conversion

Color Schemes with #5af023

Alternatives to #5af023

#5af023 Preview

Shades and Tints of #5af023

Tones of #5af023

Color Blindness Simulator