#18af3f hex color

In a RGB color space, hex #18af3f is composed of 9.4% red, 68.6% green and 24.7% blue. Whereas in a CMYK color space, it is composed of 86.3% cyan, 0% magenta, 64% yellow and 31.4% black. It has a hue angle of 135.5 degrees, a saturation of 75.9% and a lightness of 39%. #18af3f color hex could be obtained by blending #30ff7e with #005f00. Closest websafe color is: #009933.

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

● #18af3f color description : Dark cyan - lime green.

The hexadecimal color #18af3f has RGB values of R:24, G:175, B:63 and CMYK values of C:0.86, M:0, Y:0.64, K:0.31. Its decimal value is 1617727.

Hex triplet	18af3f	`#18af3f`
RGB Decimal	24, 175, 63	`rgb(24,175,63)`
RGB Percent	9.4, 68.6, 24.7	`rgb(9.4%,68.6%,24.7%)`
CMYK	86, 0, 64, 31
HSL	135.5°, 75.9, 39	`hsl(135.5,75.9%,39%)`
HSV (or HSB)	135.5°, 86.3, 68.6
Web Safe	009933	`#009933`

CIE-LAB	62.686, -59.66, 45.878
XYZ	16.603, 31.211, 9.852
xyY	0.288, 0.541, 31.211
CIE-LCH	62.686, 75.26, 142.44
CIE-LUV	62.686, -55.998, 63.414
Hunter-Lab	55.867, -44.72, 28.652
Binary	00011000, 10101111, 00111111

#18af3f
```
#18af3f rgb(24,175,63)
```
#af1888
```
#af1888 rgb(175,24,136)
```

Complementary Color

#3daf18
```
#3daf18 rgb(61,175,24)
```
#18af3f
```
#18af3f rgb(24,175,63)
```
#18af8b
```
#18af8b rgb(24,175,139)
```

Analogous Color

#af183c
```
#af183c rgb(175,24,60)
```
#18af3f
```
#18af3f rgb(24,175,63)
```
#8b18af
```
#8b18af rgb(139,24,175)
```

Split Complementary Color

#af3f18
```
#af3f18 rgb(175,63,24)
```
#18af3f
```
#18af3f rgb(24,175,63)
```
#3f18af
```
#3f18af rgb(63,24,175)
```

Triadic Color

#88af18
```
#88af18 rgb(136,175,24)
```
#18af3f
```
#18af3f rgb(24,175,63)
```
#3f18af
```
#3f18af rgb(63,24,175)
```
#af1888
```
#af1888 rgb(175,24,136)
```

Tetradic Color

#0f6c27
```
#0f6c27 rgb(15,108,39)
```
#12822f
```
#12822f rgb(18,130,47)
```
#159937
```
#159937 rgb(21,153,55)
```
#18af3f
```
#18af3f rgb(24,175,63)
```
#1bc547
```
#1bc547 rgb(27,197,71)
```
#1edc4f
```
#1edc4f rgb(30,220,79)
```
#31e35f
```
#31e35f rgb(49,227,95)
```

Monochromatic Color

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

#18af19
```
#18af19 rgb(24,175,25)
```
#18af26
```
#18af26 rgb(24,175,38)
```
#18af32
```
#18af32 rgb(24,175,50)
```
#18af3f
```
#18af3f rgb(24,175,63)
```
#18af4c
```
#18af4c rgb(24,175,76)
```
#18af58
```
#18af58 rgb(24,175,88)
```
#18af65
```
#18af65 rgb(24,175,101)
```

Similar Colors

Text with hexadecimal color #18af3f

This text has a font color of #18af3f.

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

#18af3f background color

This paragraph has a background color of #18af3f.

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

#18af3f border color

This element has a border color of #18af3f.

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

CSS codes

.text {color:#18af3f;}

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

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

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

#000301
```
#000301 rgb(0,3,1)
```
#031407
```
#031407 rgb(3,20,7)
```
#05250d
```
#05250d rgb(5,37,13)
```
#073614
```
#073614 rgb(7,54,20)
```
#0a481a
```
#0a481a rgb(10,72,26)
```
#0c5920
```
#0c5920 rgb(12,89,32)
```
#0f6a26
```
#0f6a26 rgb(15,106,38)
```
#117b2c
```
#117b2c rgb(17,123,44)
```
#138d33
```
#138d33 rgb(19,141,51)
```
#169e39
```
#169e39 rgb(22,158,57)
```
#18af3f
```
#18af3f rgb(24,175,63)
```
#1ac045
```
#1ac045 rgb(26,192,69)
```
#1dd14b
```
#1dd14b rgb(29,209,75)
```

Shade Color Variation

#21e153
```
#21e153 rgb(33,225,83)
```
#33e360
```
#33e360 rgb(51,227,96)
```
#44e56d
```
#44e56d rgb(68,229,109)
```
#55e87b
```
#55e87b rgb(85,232,123)
```
#66ea88
```
#66ea88 rgb(102,234,136)
```
#78ec96
```
#78ec96 rgb(120,236,150)
```
#89efa3
```
#89efa3 rgb(137,239,163)
```
#9af1b1
```
#9af1b1 rgb(154,241,177)
```
#abf4be
```
#abf4be rgb(171,244,190)
```
#bdf6cb
```
#bdf6cb rgb(189,246,203)
```
#cef8d9
```
#cef8d9 rgb(206,248,217)
```
#dffbe6
```
#dffbe6 rgb(223,251,230)
```
#f0fdf4
```
#f0fdf4 rgb(240,253,244)
```

Tint Color Variation

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

#5d6a60
```
#5d6a60 rgb(93,106,96)
```
#55725d
```
#55725d rgb(85,114,93)
```
#4e7959
```
#4e7959 rgb(78,121,89)
```
#468155
```
#468155 rgb(70,129,85)
```
#3e8952
```
#3e8952 rgb(62,137,82)
```
#37904e
```
#37904e rgb(55,144,78)
```
#2f984a
```
#2f984a rgb(47,152,74)
```
#27a046
```
#27a046 rgb(39,160,70)
```
#20a743
```
#20a743 rgb(32,167,67)
```
#18af3f
```
#18af3f rgb(24,175,63)
```
#10b73b
```
#10b73b rgb(16,183,59)
```
#09be38
```
#09be38 rgb(9,190,56)
```
#01c634
```
#01c634 rgb(1,198,52)
```

Tone Color Variation

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

#757575 Achromatopsia 0.005% of the population
#62816a Atypical Achromatopsia 0.001% of the population

Dichromacy

#ae9d42 Protanopia 1% of men
#bf9654 Deuteranopia 1% of men
#57a8b4 Tritanopia 0.001% of the population

Trichromacy

#77a341 Protanomaly 1% of men, 0.01% of women
#829f4c Deuteranomaly 6% of men, 0.4% of women
#40aa89 Tritanomaly 0.01% of the population

#18af3f hex color

#18af3f Color Information

#18af3f Color Conversion

Color Schemes with #18af3f

Alternatives to #18af3f

#18af3f Preview

Shades and Tints of #18af3f

Tones of #18af3f

Color Blindness Simulator