#18af66 hex color

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

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

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

The hexadecimal color #18af66 has RGB values of R:24, G:175, B:102 and CMYK values of C:0.86, M:0, Y:0.42, K:0.31. Its decimal value is 1617766.

Hex triplet	18af66	`#18af66`
RGB Decimal	24, 175, 102	`rgb(24,175,102)`
RGB Percent	9.4, 68.6, 40	`rgb(9.4%,68.6%,40%)`
CMYK	86, 0, 42, 31
HSL	151°, 75.9, 39	`hsl(151,75.9%,39%)`
HSV (or HSB)	151°, 86.3, 68.6
Web Safe	009966	`#009966`

CIE-LAB	63.187, -53.641, 27.262
XYZ	18.104, 31.812, 17.756
xyY	0.268, 0.47, 31.812
CIE-LCH	63.187, 60.171, 153.059
CIE-LUV	63.187, -54.073, 44.027
Hunter-Lab	56.402, -41.409, 20.816
Binary	00011000, 10101111, 01100110

#18af66
```
#18af66 rgb(24,175,102)
```
#af1861
```
#af1861 rgb(175,24,97)
```

Complementary Color

#18af1b
```
#18af1b rgb(24,175,27)
```
#18af66
```
#18af66 rgb(24,175,102)
```
#18adaf
```
#18adaf rgb(24,173,175)
```

Analogous Color

#af1b18
```
#af1b18 rgb(175,27,24)
```
#18af66
```
#18af66 rgb(24,175,102)
```
#af18ad
```
#af18ad rgb(175,24,173)
```

Split Complementary Color

#af6618
```
#af6618 rgb(175,102,24)
```
#18af66
```
#18af66 rgb(24,175,102)
```
#6618af
```
#6618af rgb(102,24,175)
```

Triadic Color

#61af18
```
#61af18 rgb(97,175,24)
```
#18af66
```
#18af66 rgb(24,175,102)
```
#6618af
```
#6618af rgb(102,24,175)
```
#af1861
```
#af1861 rgb(175,24,97)
```

Tetradic Color

#0f6c3f
```
#0f6c3f rgb(15,108,63)
```
#12824c
```
#12824c rgb(18,130,76)
```
#159959
```
#159959 rgb(21,153,89)
```
#18af66
```
#18af66 rgb(24,175,102)
```
#1bc573
```
#1bc573 rgb(27,197,115)
```
#1edc80
```
#1edc80 rgb(30,220,128)
```
#31e38d
```
#31e38d rgb(49,227,141)
```

Monochromatic Color

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

#18af40
```
#18af40 rgb(24,175,64)
```
#18af4d
```
#18af4d rgb(24,175,77)
```
#18af59
```
#18af59 rgb(24,175,89)
```
#18af66
```
#18af66 rgb(24,175,102)
```
#18af73
```
#18af73 rgb(24,175,115)
```
#18af7f
```
#18af7f rgb(24,175,127)
```
#18af8c
```
#18af8c rgb(24,175,140)
```

Similar Colors

Text with hexadecimal color #18af66

This text has a font color of #18af66.

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

#18af66 background color

This paragraph has a background color of #18af66.

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

#18af66 border color

This element has a border color of #18af66.

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

CSS codes

.text {color:#18af66;}

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

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

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)
```
#117b48
```
#117b48 rgb(17,123,72)
```
#138d52
```
#138d52 rgb(19,141,82)
```
#169e5c
```
#169e5c rgb(22,158,92)
```
#18af66
```
#18af66 rgb(24,175,102)
```
#1ac070
```
#1ac070 rgb(26,192,112)
```
#1dd17a
```
#1dd17a rgb(29,209,122)
```

Shade Color Variation

#21e184
```
#21e184 rgb(33,225,132)
```
#33e38e
```
#33e38e rgb(51,227,142)
```
#44e597
```
#44e597 rgb(68,229,151)
```
#55e8a1
```
#55e8a1 rgb(85,232,161)
```
#66eaaa
```
#66eaaa rgb(102,234,170)
```
#78ecb4
```
#78ecb4 rgb(120,236,180)
```
#89efbd
```
#89efbd rgb(137,239,189)
```
#9af1c7
```
#9af1c7 rgb(154,241,199)
```
#abf4d1
```
#abf4d1 rgb(171,244,209)
```
#bdf6da
```
#bdf6da rgb(189,246,218)
```
#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 #01c667 is the most saturated one.

#5d6a64
```
#5d6a64 rgb(93,106,100)
```
#557264
```
#557264 rgb(85,114,100)
```
#4e7964
```
#4e7964 rgb(78,121,100)
```
#468164
```
#468164 rgb(70,129,100)
```
#3e8965
```
#3e8965 rgb(62,137,101)
```
#379065
```
#379065 rgb(55,144,101)
```
#2f9865
```
#2f9865 rgb(47,152,101)
```
#27a065
```
#27a065 rgb(39,160,101)
```
#20a766
```
#20a766 rgb(32,167,102)
```
#18af66
```
#18af66 rgb(24,175,102)
```
#10b766
```
#10b766 rgb(16,183,102)
```
#09be67
```
#09be67 rgb(9,190,103)
```
#01c667
```
#01c667 rgb(1,198,103)
```

Tone Color Variation

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

#ac9e66 Protanopia 1% of men
#b99877 Deuteranopia 1% of men
#51aab6 Tritanopia 0.001% of the population

Trichromacy

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

#18af66 hex color

#18af66 Color Information

#18af66 Color Conversion

Color Schemes with #18af66

Alternatives to #18af66

#18af66 Preview

Shades and Tints of #18af66

Tones of #18af66

Color Blindness Simulator