#4af402 hex color

In a RGB color space, hex #4af402 is composed of 29% red, 95.7% green and 0.8% blue. Whereas in a CMYK color space, it is composed of 69.7% cyan, 0% magenta, 99.2% yellow and 4.3% black. It has a hue angle of 102.1 degrees, a saturation of 98.4% and a lightness of 48.2%. #4af402 color hex could be obtained by blending #94ff04 with #00e900. Closest websafe color is: #33ff00.

♥
- f
- t
- g
- R 29
- G 96
- B 1
RGB color chart
- C 70
- M 0
- Y 99
- K 4
CMYK color chart

● #4af402 color description : Vivid green.

The hexadecimal color #4af402 has RGB values of R:74, G:244, B:2 and CMYK values of C:0.7, M:0, Y:0.99, K:0.04. Its decimal value is 4912130.

Hex triplet	4af402	`#4af402`
RGB Decimal	74, 244, 2	`rgb(74,244,2)`
RGB Percent	29, 95.7, 0.8	`rgb(29%,95.7%,0.8%)`
CMYK	70, 0, 99, 4
HSL	102.1°, 98.4, 48.2	`hsl(102.1,98.4%,48.2%)`
HSV (or HSB)	102.1°, 99.2, 95.7
Web Safe	33ff00	`#33ff00`

CIE-LAB	85.077, -76.668, 81.199
XYZ	35.184, 66.158, 10.973
xyY	0.313, 0.589, 66.158
CIE-LCH	85.077, 111.675, 133.356
CIE-LUV	85.077, -72.034, 103.004
Hunter-Lab	81.338, -65.128, 48.938
Binary	01001010, 11110100, 00000010

#4af402
```
#4af402 rgb(74,244,2)
```
#ac02f4
```
#ac02f4 rgb(172,2,244)
```

Complementary Color

#c3f402
```
#c3f402 rgb(195,244,2)
```
#4af402
```
#4af402 rgb(74,244,2)
```
#02f433
```
#02f433 rgb(2,244,51)
```

Analogous Color

#f402c3
```
#f402c3 rgb(244,2,195)
```
#4af402
```
#4af402 rgb(74,244,2)
```
#3302f4
```
#3302f4 rgb(51,2,244)
```

Split Complementary Color

#f4024a
```
#f4024a rgb(244,2,74)
```
#4af402
```
#4af402 rgb(74,244,2)
```
#024af4
```
#024af4 rgb(2,74,244)
```

Triadic Color

#f4ac02
```
#f4ac02 rgb(244,172,2)
```
#4af402
```
#4af402 rgb(74,244,2)
```
#024af4
```
#024af4 rgb(2,74,244)
```
#ac02f4
```
#ac02f4 rgb(172,2,244)
```

Tetradic Color

#33a801
```
#33a801 rgb(51,168,1)
```
#3bc102
```
#3bc102 rgb(59,193,2)
```
#42db02
```
#42db02 rgb(66,219,2)
```
#4af402
```
#4af402 rgb(74,244,2)
```
#58fd12
```
#58fd12 rgb(88,253,18)
```
#6afd2c
```
#6afd2c rgb(106,253,44)
```
#7cfd45
```
#7cfd45 rgb(124,253,69)
```

Monochromatic Color

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

#87f402
```
#87f402 rgb(135,244,2)
```
#72f402
```
#72f402 rgb(114,244,2)
```
#5ef402
```
#5ef402 rgb(94,244,2)
```
#4af402
```
#4af402 rgb(74,244,2)
```
#36f402
```
#36f402 rgb(54,244,2)
```
#22f402
```
#22f402 rgb(34,244,2)
```
#0ef402
```
#0ef402 rgb(14,244,2)
```

Similar Colors

Text with hexadecimal color #4af402

This text has a font color of #4af402.

<span style="color:#4af402;">Text here</span>

#4af402 background color

This paragraph has a background color of #4af402.

<p style="background-color:#4af402;">Content here</p>

#4af402 border color

This element has a border color of #4af402.

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

CSS codes

.text {color:#4af402;}

.background {background-color:#4af402;}

.border {border:1px solid #4af402;}

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, #030b00 is the darkest color, while #f9fff6 is the lightest one.

#030b00
```
#030b00 rgb(3,11,0)
```
#091e00
```
#091e00 rgb(9,30,0)
```
#0f3100
```
#0f3100 rgb(15,49,0)
```
#154501
```
#154501 rgb(21,69,1)
```
#1b5801
```
#1b5801 rgb(27,88,1)
```
#216c01
```
#216c01 rgb(33,108,1)
```
#277f01
```
#277f01 rgb(39,127,1)
```
#2c9301
```
#2c9301 rgb(44,147,1)
```
#32a601
```
#32a601 rgb(50,166,1)
```
#38ba02
```
#38ba02 rgb(56,186,2)
```
#3ecd02
```
#3ecd02 rgb(62,205,2)
```
#44e102
```
#44e102 rgb(68,225,2)
```
#4af402
```
#4af402 rgb(74,244,2)
```

Shade Color Variation

#54fd0d
```
#54fd0d rgb(84,253,13)
```
#62fd20
```
#62fd20 rgb(98,253,32)
```
#70fd34
```
#70fd34 rgb(112,253,52)
```
#7dfd47
```
#7dfd47 rgb(125,253,71)
```
#8bfe5a
```
#8bfe5a rgb(139,254,90)
```
#99fe6e
```
#99fe6e rgb(153,254,110)
```
#a6fe81
```
#a6fe81 rgb(166,254,129)
```
#b4fe95
```
#b4fe95 rgb(180,254,149)
```
#c2fea8
```
#c2fea8 rgb(194,254,168)
```
#d0febc
```
#d0febc rgb(208,254,188)
```
#ddffcf
```
#ddffcf rgb(221,255,207)
```
#ebffe3
```
#ebffe3 rgb(235,255,227)
```
#f9fff6
```
#f9fff6 rgb(249,255,246)
```

Tint Color Variation

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

#788274
```
#788274 rgb(120,130,116)
```
#748c6a
```
#748c6a rgb(116,140,106)
```
#709561
```
#709561 rgb(112,149,97)
```
#6c9f57
```
#6c9f57 rgb(108,159,87)
```
#69a84e
```
#69a84e rgb(105,168,78)
```
#65b244
```
#65b244 rgb(101,178,68)
```
#61bb3b
```
#61bb3b rgb(97,187,59)
```
#5dc531
```
#5dc531 rgb(93,197,49)
```
#59ce28
```
#59ce28 rgb(89,206,40)
```
#55d81e
```
#55d81e rgb(85,216,30)
```
#52e115
```
#52e115 rgb(82,225,21)
```
#4eeb0b
```
#4eeb0b rgb(78,235,11)
```
#4af402
```
#4af402 rgb(74,244,2)
```

Tone Color Variation

Below, you can see how #4af402 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

#a6a6a6 Achromatopsia 0.005% of the population
#94b685 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f1d700 Protanopia 1% of men
#ffcf81 Deuteranopia 1% of men
#89e4f4 Tritanopia 0.001% of the population

Trichromacy

#b4e100 Protanomaly 1% of men, 0.01% of women
#bddc53 Deuteranomaly 6% of men, 0.4% of women
#72e99c Tritanomaly 0.01% of the population

#4af402 hex color

#4af402 Color Information

#4af402 Color Conversion

Color Schemes with #4af402

Alternatives to #4af402

#4af402 Preview

Shades and Tints of #4af402

Tones of #4af402

Color Blindness Simulator