#18af67 hex color

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

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

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

The hexadecimal color #18af67 has RGB values of R:24, G:175, B:103 and CMYK values of C:0.86, M:0, Y:0.41, K:0.31. Its decimal value is 1617767.

Hex triplet	18af67	`#18af67`
RGB Decimal	24, 175, 103	`rgb(24,175,103)`
RGB Percent	9.4, 68.6, 40.4	`rgb(9.4%,68.6%,40.4%)`
CMYK	86, 0, 41, 31
HSL	151.4°, 75.9, 39	`hsl(151.4,75.9%,39%)`
HSV (or HSB)	151.4°, 86.3, 68.6
Web Safe	009966	`#009966`

CIE-LAB	63.203, -53.448, 26.754
XYZ	18.153, 31.831, 18.019
xyY	0.267, 0.468, 31.831
CIE-LCH	63.203, 59.77, 153.409
CIE-LUV	63.203, -54.013, 43.419
Hunter-Lab	56.419, -41.3, 20.558
Binary	00011000, 10101111, 01100111

#18af67
```
#18af67 rgb(24,175,103)
```
#af1860
```
#af1860 rgb(175,24,96)
```

Complementary Color

#18af1c
```
#18af1c rgb(24,175,28)
```
#18af67
```
#18af67 rgb(24,175,103)
```
#18acaf
```
#18acaf rgb(24,172,175)
```

Analogous Color

#af1c18
```
#af1c18 rgb(175,28,24)
```
#18af67
```
#18af67 rgb(24,175,103)
```
#af18ac
```
#af18ac rgb(175,24,172)
```

Split Complementary Color

#af6718
```
#af6718 rgb(175,103,24)
```
#18af67
```
#18af67 rgb(24,175,103)
```
#6718af
```
#6718af rgb(103,24,175)
```

Triadic Color

#60af18
```
#60af18 rgb(96,175,24)
```
#18af67
```
#18af67 rgb(24,175,103)
```
#6718af
```
#6718af rgb(103,24,175)
```
#af1860
```
#af1860 rgb(175,24,96)
```

Tetradic Color

#0f6c3f
```
#0f6c3f rgb(15,108,63)
```
#12824d
```
#12824d rgb(18,130,77)
```
#15995a
```
#15995a rgb(21,153,90)
```
#18af67
```
#18af67 rgb(24,175,103)
```
#1bc574
```
#1bc574 rgb(27,197,116)
```
#1edc81
```
#1edc81 rgb(30,220,129)
```
#31e38e
```
#31e38e rgb(49,227,142)
```

Monochromatic Color

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

#18af41
```
#18af41 rgb(24,175,65)
```
#18af4e
```
#18af4e rgb(24,175,78)
```
#18af5a
```
#18af5a rgb(24,175,90)
```
#18af67
```
#18af67 rgb(24,175,103)
```
#18af74
```
#18af74 rgb(24,175,116)
```
#18af80
```
#18af80 rgb(24,175,128)
```
#18af8d
```
#18af8d rgb(24,175,141)
```

Similar Colors

Text with hexadecimal color #18af67

This text has a font color of #18af67.

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

#18af67 background color

This paragraph has a background color of #18af67.

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

#18af67 border color

This element has a border color of #18af67.

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

CSS codes

.text {color:#18af67;}

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

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

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

#000301
```
#000301 rgb(0,3,1)
```
#03140c
```
#03140c rgb(3,20,12)
```
#052516
```
#052516 rgb(5,37,22)
```
#073620
```
#073620 rgb(7,54,32)
```
#0a482a
```
#0a482a rgb(10,72,42)
```
#0c5934
```
#0c5934 rgb(12,89,52)
```
#0f6a3e
```
#0f6a3e rgb(15,106,62)
```
#117b49
```
#117b49 rgb(17,123,73)
```
#138d53
```
#138d53 rgb(19,141,83)
```
#169e5d
```
#169e5d rgb(22,158,93)
```
#18af67
```
#18af67 rgb(24,175,103)
```
#1ac071
```
#1ac071 rgb(26,192,113)
```
#1dd17b
```
#1dd17b rgb(29,209,123)
```

Shade Color Variation

#21e185
```
#21e185 rgb(33,225,133)
```
#33e38f
```
#33e38f rgb(51,227,143)
```
#44e598
```
#44e598 rgb(68,229,152)
```
#55e8a2
```
#55e8a2 rgb(85,232,162)
```
#66eaab
```
#66eaab rgb(102,234,171)
```
#78ecb5
```
#78ecb5 rgb(120,236,181)
```
#89efbe
```
#89efbe rgb(137,239,190)
```
#9af1c8
```
#9af1c8 rgb(154,241,200)
```
#abf4d1
```
#abf4d1 rgb(171,244,209)
```
#bdf6db
```
#bdf6db rgb(189,246,219)
```
#cef8e4
```
#cef8e4 rgb(206,248,228)
```
#dffbed
```
#dffbed rgb(223,251,237)
```
#f0fdf7
```
#f0fdf7 rgb(240,253,247)
```

Tint Color Variation

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

#5d6a64
```
#5d6a64 rgb(93,106,100)
```
#557264
```
#557264 rgb(85,114,100)
```
#4e7965
```
#4e7965 rgb(78,121,101)
```
#468165
```
#468165 rgb(70,129,101)
```
#3e8965
```
#3e8965 rgb(62,137,101)
```
#379066
```
#379066 rgb(55,144,102)
```
#2f9866
```
#2f9866 rgb(47,152,102)
```
#27a066
```
#27a066 rgb(39,160,102)
```
#20a767
```
#20a767 rgb(32,167,103)
```
#18af67
```
#18af67 rgb(24,175,103)
```
#10b767
```
#10b767 rgb(16,183,103)
```
#09be68
```
#09be68 rgb(9,190,104)
```
#01c668
```
#01c668 rgb(1,198,104)
```

Tone Color Variation

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

#7a7a7a Achromatopsia 0.005% of the population
#668576 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ab9e66 Protanopia 1% of men
#b99878 Deuteranopia 1% of men
#51aab6 Tritanopia 0.001% of the population

Trichromacy

#76a466 Protanomaly 1% of men, 0.01% of women
#7ea072 Deuteranomaly 6% of men, 0.4% of women
#3cac99 Tritanomaly 0.01% of the population

#18af67 hex color

#18af67 Color Information

#18af67 Color Conversion

Color Schemes with #18af67

Alternatives to #18af67

#18af67 Preview

Shades and Tints of #18af67

Tones of #18af67

Color Blindness Simulator