#18af61 hex color

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

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

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

The hexadecimal color #18af61 has RGB values of R:24, G:175, B:97 and CMYK values of C:0.86, M:0, Y:0.45, K:0.31. Its decimal value is 1617761.

Hex triplet	18af61	`#18af61`
RGB Decimal	24, 175, 97	`rgb(24,175,97)`
RGB Percent	9.4, 68.6, 38	`rgb(9.4%,68.6%,38%)`
CMYK	86, 0, 45, 31
HSL	149°, 75.9, 39	`hsl(149,75.9%,39%)`
HSV (or HSB)	149°, 86.3, 68.6
Web Safe	009966	`#009966`

CIE-LAB	63.107, -54.576, 29.787
XYZ	17.863, 31.715, 16.489
xyY	0.27, 0.48, 31.715
CIE-LCH	63.107, 62.176, 151.375
CIE-LUV	63.107, -54.364, 46.987
Hunter-Lab	56.316, -41.935, 22.062
Binary	00011000, 10101111, 01100001

#18af61
```
#18af61 rgb(24,175,97)
```
#af1866
```
#af1866 rgb(175,24,102)
```

Complementary Color

#1baf18
```
#1baf18 rgb(27,175,24)
```
#18af61
```
#18af61 rgb(24,175,97)
```
#18afad
```
#18afad rgb(24,175,173)
```

Analogous Color

#af181b
```
#af181b rgb(175,24,27)
```
#18af61
```
#18af61 rgb(24,175,97)
```
#ad18af
```
#ad18af rgb(173,24,175)
```

Split Complementary Color

#af6118
```
#af6118 rgb(175,97,24)
```
#18af61
```
#18af61 rgb(24,175,97)
```
#6118af
```
#6118af rgb(97,24,175)
```

Triadic Color

#66af18
```
#66af18 rgb(102,175,24)
```
#18af61
```
#18af61 rgb(24,175,97)
```
#6118af
```
#6118af rgb(97,24,175)
```
#af1866
```
#af1866 rgb(175,24,102)
```

Tetradic Color

#0f6c3c
```
#0f6c3c rgb(15,108,60)
```
#128248
```
#128248 rgb(18,130,72)
```
#159955
```
#159955 rgb(21,153,85)
```
#18af61
```
#18af61 rgb(24,175,97)
```
#1bc56d
```
#1bc56d rgb(27,197,109)
```
#1edc7a
```
#1edc7a rgb(30,220,122)
```
#31e387
```
#31e387 rgb(49,227,135)
```

Monochromatic Color

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

#18af3b
```
#18af3b rgb(24,175,59)
```
#18af48
```
#18af48 rgb(24,175,72)
```
#18af54
```
#18af54 rgb(24,175,84)
```
#18af61
```
#18af61 rgb(24,175,97)
```
#18af6e
```
#18af6e rgb(24,175,110)
```
#18af7a
```
#18af7a rgb(24,175,122)
```
#18af87
```
#18af87 rgb(24,175,135)
```

Similar Colors

Text with hexadecimal color #18af61

This text has a font color of #18af61.

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

#18af61 background color

This paragraph has a background color of #18af61.

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

#18af61 border color

This element has a border color of #18af61.

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

CSS codes

.text {color:#18af61;}

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

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

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

#000301
```
#000301 rgb(0,3,1)
```
#03140b
```
#03140b rgb(3,20,11)
```
#052515
```
#052515 rgb(5,37,21)
```
#07361e
```
#07361e rgb(7,54,30)
```
#0a4828
```
#0a4828 rgb(10,72,40)
```
#0c5931
```
#0c5931 rgb(12,89,49)
```
#0f6a3b
```
#0f6a3b rgb(15,106,59)
```
#117b44
```
#117b44 rgb(17,123,68)
```
#138d4e
```
#138d4e rgb(19,141,78)
```
#169e57
```
#169e57 rgb(22,158,87)
```
#18af61
```
#18af61 rgb(24,175,97)
```
#1ac06b
```
#1ac06b rgb(26,192,107)
```
#1dd174
```
#1dd174 rgb(29,209,116)
```

Shade Color Variation

#21e17e
```
#21e17e rgb(33,225,126)
```
#33e388
```
#33e388 rgb(51,227,136)
```
#44e592
```
#44e592 rgb(68,229,146)
```
#55e89c
```
#55e89c rgb(85,232,156)
```
#66eaa6
```
#66eaa6 rgb(102,234,166)
```
#78ecb0
```
#78ecb0 rgb(120,236,176)
```
#89efba
```
#89efba rgb(137,239,186)
```
#9af1c4
```
#9af1c4 rgb(154,241,196)
```
#abf4ce
```
#abf4ce rgb(171,244,206)
```
#bdf6d8
```
#bdf6d8 rgb(189,246,216)
```
#cef8e2
```
#cef8e2 rgb(206,248,226)
```
#dffbec
```
#dffbec rgb(223,251,236)
```
#f0fdf6
```
#f0fdf6 rgb(240,253,246)
```

Tint Color Variation

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

#5d6a63
```
#5d6a63 rgb(93,106,99)
```
#557263
```
#557263 rgb(85,114,99)
```
#4e7963
```
#4e7963 rgb(78,121,99)
```
#468163
```
#468163 rgb(70,129,99)
```
#3e8962
```
#3e8962 rgb(62,137,98)
```
#379062
```
#379062 rgb(55,144,98)
```
#2f9862
```
#2f9862 rgb(47,152,98)
```
#27a062
```
#27a062 rgb(39,160,98)
```
#20a761
```
#20a761 rgb(32,167,97)
```
#18af61
```
#18af61 rgb(24,175,97)
```
#10b761
```
#10b761 rgb(16,183,97)
```
#09be60
```
#09be60 rgb(9,190,96)
```
#01c660
```
#01c660 rgb(1,198,96)
```

Tone Color Variation

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

#797979 Achromatopsia 0.005% of the population
#668474 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ac9e61 Protanopia 1% of men
#ba9772 Deuteranopia 1% of men
#52aab6 Tritanopia 0.001% of the population

Trichromacy

#76a461 Protanomaly 1% of men, 0.01% of women
#7fa06c Deuteranomaly 6% of men, 0.4% of women
#3dab97 Tritanomaly 0.01% of the population

#18af61 hex color

#18af61 Color Information

#18af61 Color Conversion

Color Schemes with #18af61

Alternatives to #18af61

#18af61 Preview

Shades and Tints of #18af61

Tones of #18af61

Color Blindness Simulator