#18af02 hex color

In a RGB color space, hex #18af02 is composed of 9.4% red, 68.6% green and 0.8% blue. Whereas in a CMYK color space, it is composed of 86.3% cyan, 0% magenta, 98.9% yellow and 31.4% black. It has a hue angle of 112.4 degrees, a saturation of 97.7% and a lightness of 34.7%. #18af02 color hex could be obtained by blending #30ff04 with #005f00. Closest websafe color is: #009900.

♥
- f
- t
- g
- R 9
- G 69
- B 1
RGB color chart
- C 86
- M 0
- Y 99
- K 31
CMYK color chart

● #18af02 color description : Dark lime green.

The hexadecimal color #18af02 has RGB values of R:24, G:175, B:2 and CMYK values of C:0.86, M:0, Y:0.99, K:0.31. Its decimal value is 1617666.

Hex triplet	18af02	`#18af02`
RGB Decimal	24, 175, 2	`rgb(24,175,2)`
RGB Percent	9.4, 68.6, 0.8	`rgb(9.4%,68.6%,0.8%)`
CMYK	86, 0, 99, 31
HSL	112.4°, 97.7, 34.7	`hsl(112.4,97.7%,34.7%)`
HSV (or HSB)	112.4°, 98.9, 68.6
Web Safe	009900	`#009900`

CIE-LAB	62.387, -63.435, 62.657
XYZ	15.717, 30.857, 5.185
xyY	0.304, 0.596, 30.857
CIE-LCH	62.387, 89.162, 135.354
CIE-LUV	62.387, -57.267, 75.986
Hunter-Lab	55.549, -46.707, 33.35
Binary	00011000, 10101111, 00000010

#18af02
```
#18af02 rgb(24,175,2)
```
#9902af
```
#9902af rgb(153,2,175)
```

Complementary Color

#6faf02
```
#6faf02 rgb(111,175,2)
```
#18af02
```
#18af02 rgb(24,175,2)
```
#02af43
```
#02af43 rgb(2,175,67)
```

Analogous Color

#af026f
```
#af026f rgb(175,2,111)
```
#18af02
```
#18af02 rgb(24,175,2)
```
#4302af
```
#4302af rgb(67,2,175)
```

Split Complementary Color

#af0218
```
#af0218 rgb(175,2,24)
```
#18af02
```
#18af02 rgb(24,175,2)
```
#0218af
```
#0218af rgb(2,24,175)
```

Triadic Color

#af9902
```
#af9902 rgb(175,153,2)
```
#18af02
```
#18af02 rgb(24,175,2)
```
#0218af
```
#0218af rgb(2,24,175)
```
#9902af
```
#9902af rgb(153,2,175)
```

Tetradic Color

#0e6301
```
#0e6301 rgb(14,99,1)
```
#117d01
```
#117d01 rgb(17,125,1)
```
#159602
```
#159602 rgb(21,150,2)
```
#18af02
```
#18af02 rgb(24,175,2)
```
#1bc802
```
#1bc802 rgb(27,200,2)
```
#1fe103
```
#1fe103 rgb(31,225,3)
```
#22fb03
```
#22fb03 rgb(34,251,3)
```

Monochromatic Color

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

#43af02
```
#43af02 rgb(67,175,2)
```
#35af02
```
#35af02 rgb(53,175,2)
```
#26af02
```
#26af02 rgb(38,175,2)
```
#18af02
```
#18af02 rgb(24,175,2)
```
#0aaf02
```
#0aaf02 rgb(10,175,2)
```
#02af09
```
#02af09 rgb(2,175,9)
```
#02af17
```
#02af17 rgb(2,175,23)
```

Similar Colors

Text with hexadecimal color #18af02

This text has a font color of #18af02.

<span style="color:#18af02;">Text here</span>

#18af02 background color

This paragraph has a background color of #18af02.

<p style="background-color:#18af02;">Content here</p>

#18af02 border color

This element has a border color of #18af02.

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

CSS codes

.text {color:#18af02;}

.background {background-color:#18af02;}

.border {border:1px solid #18af02;}

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 #eeffec is the lightest one.

#000000
```
#000000 rgb(0,0,0)
```
#031400
```
#031400 rgb(3,20,0)
```
#052700
```
#052700 rgb(5,39,0)
```
#083b01
```
#083b01 rgb(8,59,1)
```
#0b4e01
```
#0b4e01 rgb(11,78,1)
```
#0d6101
```
#0d6101 rgb(13,97,1)
```
#107501
```
#107501 rgb(16,117,1)
```
#138802
```
#138802 rgb(19,136,2)
```
#159c02
```
#159c02 rgb(21,156,2)
```
#18af02
```
#18af02 rgb(24,175,2)
```
#1bc202
```
#1bc202 rgb(27,194,2)
```
#1dd602
```
#1dd602 rgb(29,214,2)
```
#20e903
```
#20e903 rgb(32,233,3)
```

Shade Color Variation

#23fc03
```
#23fc03 rgb(35,252,3)
```
#34fc17
```
#34fc17 rgb(52,252,23)
```
#45fd2a
```
#45fd2a rgb(69,253,42)
```
#56fd3e
```
#56fd3e rgb(86,253,62)
```
#67fd51
```
#67fd51 rgb(103,253,81)
```
#78fd64
```
#78fd64 rgb(120,253,100)
```
#89fd78
```
#89fd78 rgb(137,253,120)
```
#9afe8b
```
#9afe8b rgb(154,254,139)
```
#abfe9e
```
#abfe9e rgb(171,254,158)
```
#bcfeb2
```
#bcfeb2 rgb(188,254,178)
```
#cdfec5
```
#cdfec5 rgb(205,254,197)
```
#ddffd9
```
#ddffd9 rgb(221,255,217)
```
#eeffec
```
#eeffec rgb(238,255,236)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #555d54 is the less saturated color, while #18af02 is the most saturated one.

#555d54
```
#555d54 rgb(85,93,84)
```
#50644d
```
#50644d rgb(80,100,77)
```
#4b6b46
```
#4b6b46 rgb(75,107,70)
```
#46723f
```
#46723f rgb(70,114,63)
```
#417938
```
#417938 rgb(65,121,56)
```
#3c7f32
```
#3c7f32 rgb(60,127,50)
```
#36862b
```
#36862b rgb(54,134,43)
```
#318d24
```
#318d24 rgb(49,141,36)
```
#2c941d
```
#2c941d rgb(44,148,29)
```
#279b16
```
#279b16 rgb(39,155,22)
```
#22a110
```
#22a110 rgb(34,161,16)
```
#1da809
```
#1da809 rgb(29,168,9)
```
#18af02
```
#18af02 rgb(24,175,2)
```

Tone Color Variation

Below, you can see how #18af02 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

#6e6e6e Achromatopsia 0.005% of the population
#5d7b58 Atypical Achromatopsia 0.001% of the population

Dichromacy

#af9c00 Protanopia 1% of men
#c2942e Deuteranopia 1% of men
#5ba7b3 Tritanopia 0.001% of the population

Trichromacy

#78a300 Protanomaly 1% of men, 0.01% of women
#849e1e Deuteranomaly 6% of men, 0.4% of women
#42aa72 Tritanomaly 0.01% of the population

#18af02 hex color

#18af02 Color Information

#18af02 Color Conversion

Color Schemes with #18af02

Alternatives to #18af02

#18af02 Preview

Shades and Tints of #18af02

Tones of #18af02

Color Blindness Simulator