#5af618 hex color

In a RGB color space, hex #5af618 is composed of 35.3% red, 96.5% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 63.4% cyan, 0% magenta, 90.2% yellow and 3.5% black. It has a hue angle of 102.2 degrees, a saturation of 92.5% and a lightness of 52.9%. #5af618 color hex could be obtained by blending #b4ff30 with #00ed00. Closest websafe color is: #66ff00.

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

● #5af618 color description : Vivid green.

The hexadecimal color #5af618 has RGB values of R:90, G:246, B:24 and CMYK values of C:0.63, M:0, Y:0.9, K:0.04. Its decimal value is 5961240.

Hex triplet	5af618	`#5af618`
RGB Decimal	90, 246, 24	`rgb(90,246,24)`
RGB Percent	35.3, 96.5, 9.4	`rgb(35.3%,96.5%,9.4%)`
CMYK	63, 0, 90, 4
HSL	102.2°, 92.5, 52.9	`hsl(102.2,92.5%,52.9%)`
HSV (or HSB)	102.2°, 90.2, 96.5
Web Safe	66ff00	`#66ff00`

CIE-LAB	86.08, -73.819, 79.977
XYZ	37.335, 68.148, 12.05
xyY	0.318, 0.58, 68.148
CIE-LCH	86.08, 108.837, 132.707
CIE-LUV	86.08, -68.869, 102.306
Hunter-Lab	82.552, -63.736, 49.131
Binary	01011010, 11110110, 00011000

#5af618
```
#5af618 rgb(90,246,24)
```
#b418f6
```
#b418f6 rgb(180,24,246)
```

Complementary Color

#c9f618
```
#c9f618 rgb(201,246,24)
```
#5af618
```
#5af618 rgb(90,246,24)
```
#18f645
```
#18f645 rgb(24,246,69)
```

Analogous Color

#f618c9
```
#f618c9 rgb(246,24,201)
```
#5af618
```
#5af618 rgb(90,246,24)
```
#4518f6
```
#4518f6 rgb(69,24,246)
```

Split Complementary Color

#f6185a
```
#f6185a rgb(246,24,90)
```
#5af618
```
#5af618 rgb(90,246,24)
```
#185af6
```
#185af6 rgb(24,90,246)
```

Triadic Color

#f6b418
```
#f6b418 rgb(246,180,24)
```
#5af618
```
#5af618 rgb(90,246,24)
```
#185af6
```
#185af6 rgb(24,90,246)
```
#b418f6
```
#b418f6 rgb(180,24,246)
```

Tetradic Color

#3cba07
```
#3cba07 rgb(60,186,7)
```
#44d308
```
#44d308 rgb(68,211,8)
```
#4ceb09
```
#4ceb09 rgb(76,235,9)
```
#5af618
```
#5af618 rgb(90,246,24)
```
#6cf731
```
#6cf731 rgb(108,247,49)
```
#7df849
```
#7df849 rgb(125,248,73)
```
#8ff962
```
#8ff962 rgb(143,249,98)
```

Monochromatic Color

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

#92f618
```
#92f618 rgb(146,246,24)
```
#7ff618
```
#7ff618 rgb(127,246,24)
```
#6df618
```
#6df618 rgb(109,246,24)
```
#5af618
```
#5af618 rgb(90,246,24)
```
#48f618
```
#48f618 rgb(72,246,24)
```
#35f618
```
#35f618 rgb(53,246,24)
```
#23f618
```
#23f618 rgb(35,246,24)
```

Similar Colors

Text with hexadecimal color #5af618

This text has a font color of #5af618.

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

#5af618 background color

This paragraph has a background color of #5af618.

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

#5af618 border color

This element has a border color of #5af618.

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

CSS codes

.text {color:#5af618;}

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

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

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, #050e01 is the darkest color, while #fcfffb is the lightest one.

#050e01
```
#050e01 rgb(5,14,1)
```
#0b2101
```
#0b2101 rgb(11,33,1)
```
#113402
```
#113402 rgb(17,52,2)
```
#174703
```
#174703 rgb(23,71,3)
```
#1d5a04
```
#1d5a04 rgb(29,90,4)
```
#236d04
```
#236d04 rgb(35,109,4)
```
#298005
```
#298005 rgb(41,128,5)
```
#309306
```
#309306 rgb(48,147,6)
```
#36a506
```
#36a506 rgb(54,165,6)
```
#3cb807
```
#3cb807 rgb(60,184,7)
```
#42cb08
```
#42cb08 rgb(66,203,8)
```
#48de09
```
#48de09 rgb(72,222,9)
```
#4ef109
```
#4ef109 rgb(78,241,9)
```

Shade Color Variation

#5af618
```
#5af618 rgb(90,246,24)
```
#67f72b
```
#67f72b rgb(103,247,43)
```
#75f73e
```
#75f73e rgb(117,247,62)
```
#82f851
```
#82f851 rgb(130,248,81)
```
#90f964
```
#90f964 rgb(144,249,100)
```
#9dfa76
```
#9dfa76 rgb(157,250,118)
```
#abfa89
```
#abfa89 rgb(171,250,137)
```
#b8fb9c
```
#b8fb9c rgb(184,251,156)
```
#c6fcaf
```
#c6fcaf rgb(198,252,175)
```
#d3fdc2
```
#d3fdc2 rgb(211,253,194)
```
#e1fdd5
```
#e1fdd5 rgb(225,253,213)
```
#eefee8
```
#eefee8 rgb(238,254,232)
```
#fcfffb
```
#fcfffb rgb(252,255,251)
```

Tint Color Variation

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

#878787
```
#878787 rgb(135,135,135)
```
#83907e
```
#83907e rgb(131,144,126)
```
#7f9a74
```
#7f9a74 rgb(127,154,116)
```
#7ca36b
```
#7ca36b rgb(124,163,107)
```
#78ac62
```
#78ac62 rgb(120,172,98)
```
#74b559
```
#74b559 rgb(116,181,89)
```
#70bf4f
```
#70bf4f rgb(112,191,79)
```
#6dc846
```
#6dc846 rgb(109,200,70)
```
#69d13d
```
#69d13d rgb(105,209,61)
```
#65da34
```
#65da34 rgb(101,218,52)
```
#61e42a
```
#61e42a rgb(97,228,42)
```
#5eed21
```
#5eed21 rgb(94,237,33)
```
#5af618
```
#5af618 rgb(90,246,24)
```

Tone Color Variation

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

#aeaeae Achromatopsia 0.005% of the population
#9dbc90 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f3d918 Protanopia 1% of men
#ffd28e Deuteranopia 1% of men
#92e6f6 Tritanopia 0.001% of the population

Trichromacy

#bbe418 Protanomaly 1% of men, 0.01% of women
#c3df63 Deuteranomaly 6% of men, 0.4% of women
#7deba5 Tritanomaly 0.01% of the population

#5af618 hex color

#5af618 Color Information

#5af618 Color Conversion

Color Schemes with #5af618

Alternatives to #5af618

#5af618 Preview

Shades and Tints of #5af618

Tones of #5af618

Color Blindness Simulator