#18af68 hex color

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

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

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

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

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

CIE-LAB	63.22, -53.254, 26.245
XYZ	18.204, 31.852, 18.284
xyY	0.266, 0.466, 31.852
CIE-LCH	63.22, 59.37, 153.764
CIE-LUV	63.22, -53.953, 42.807
Hunter-Lab	56.437, -41.19, 20.297
Binary	00011000, 10101111, 01101000

#18af68
```
#18af68 rgb(24,175,104)
```
#af185f
```
#af185f rgb(175,24,95)
```

Complementary Color

#18af1d
```
#18af1d rgb(24,175,29)
```
#18af68
```
#18af68 rgb(24,175,104)
```
#18abaf
```
#18abaf rgb(24,171,175)
```

Analogous Color

#af1d18
```
#af1d18 rgb(175,29,24)
```
#18af68
```
#18af68 rgb(24,175,104)
```
#af18ab
```
#af18ab rgb(175,24,171)
```

Split Complementary Color

#af6818
```
#af6818 rgb(175,104,24)
```
#18af68
```
#18af68 rgb(24,175,104)
```
#6818af
```
#6818af rgb(104,24,175)
```

Triadic Color

#5faf18
```
#5faf18 rgb(95,175,24)
```
#18af68
```
#18af68 rgb(24,175,104)
```
#6818af
```
#6818af rgb(104,24,175)
```
#af185f
```
#af185f rgb(175,24,95)
```

Tetradic Color

#0f6c40
```
#0f6c40 rgb(15,108,64)
```
#12824d
```
#12824d rgb(18,130,77)
```
#15995b
```
#15995b rgb(21,153,91)
```
#18af68
```
#18af68 rgb(24,175,104)
```
#1bc575
```
#1bc575 rgb(27,197,117)
```
#1edc83
```
#1edc83 rgb(30,220,131)
```
#31e38f
```
#31e38f rgb(49,227,143)
```

Monochromatic Color

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

#18af42
```
#18af42 rgb(24,175,66)
```
#18af4f
```
#18af4f rgb(24,175,79)
```
#18af5b
```
#18af5b rgb(24,175,91)
```
#18af68
```
#18af68 rgb(24,175,104)
```
#18af75
```
#18af75 rgb(24,175,117)
```
#18af81
```
#18af81 rgb(24,175,129)
```
#18af8e
```
#18af8e rgb(24,175,142)
```

Similar Colors

Text with hexadecimal color #18af68

This text has a font color of #18af68.

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

#18af68 background color

This paragraph has a background color of #18af68.

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

#18af68 border color

This element has a border color of #18af68.

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

CSS codes

.text {color:#18af68;}

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

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

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)
```
#0c5935
```
#0c5935 rgb(12,89,53)
```
#0f6a3f
```
#0f6a3f rgb(15,106,63)
```
#117b49
```
#117b49 rgb(17,123,73)
```
#138d53
```
#138d53 rgb(19,141,83)
```
#169e5e
```
#169e5e rgb(22,158,94)
```
#18af68
```
#18af68 rgb(24,175,104)
```
#1ac072
```
#1ac072 rgb(26,192,114)
```
#1dd17d
```
#1dd17d rgb(29,209,125)
```

Shade Color Variation

#21e187
```
#21e187 rgb(33,225,135)
```
#33e390
```
#33e390 rgb(51,227,144)
```
#44e599
```
#44e599 rgb(68,229,153)
```
#55e8a3
```
#55e8a3 rgb(85,232,163)
```
#66eaac
```
#66eaac rgb(102,234,172)
```
#78ecb5
```
#78ecb5 rgb(120,236,181)
```
#89efbf
```
#89efbf rgb(137,239,191)
```
#9af1c8
```
#9af1c8 rgb(154,241,200)
```
#abf4d2
```
#abf4d2 rgb(171,244,210)
```
#bdf6db
```
#bdf6db rgb(189,246,219)
```
#cef8e4
```
#cef8e4 rgb(206,248,228)
```
#dffbee
```
#dffbee rgb(223,251,238)
```
#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 #01c669 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)
```
#3e8966
```
#3e8966 rgb(62,137,102)
```
#379066
```
#379066 rgb(55,144,102)
```
#2f9867
```
#2f9867 rgb(47,152,103)
```
#27a067
```
#27a067 rgb(39,160,103)
```
#20a768
```
#20a768 rgb(32,167,104)
```
#18af68
```
#18af68 rgb(24,175,104)
```
#10b768
```
#10b768 rgb(16,183,104)
```
#09be69
```
#09be69 rgb(9,190,105)
```
#01c669
```
#01c669 rgb(1,198,105)
```

Tone Color Variation

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

#ab9e67 Protanopia 1% of men
#b99879 Deuteranopia 1% of men
#51aab7 Tritanopia 0.001% of the population

Trichromacy

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

#18af68 hex color

#18af68 Color Information

#18af68 Color Conversion

Color Schemes with #18af68

Alternatives to #18af68

#18af68 Preview

Shades and Tints of #18af68

Tones of #18af68

Color Blindness Simulator