#18af7a hex color

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

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

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

The hexadecimal color #18af7a has RGB values of R:24, G:175, B:122 and CMYK values of C:0.86, M:0, Y:0.3, K:0.31. Its decimal value is 1617786.

Hex triplet	18af7a	`#18af7a`
RGB Decimal	24, 175, 122	`rgb(24,175,122)`
RGB Percent	9.4, 68.6, 47.8	`rgb(9.4%,68.6%,47.8%)`
CMYK	86, 0, 30, 31
HSL	158.9°, 75.9, 39	`hsl(158.9,75.9%,39%)`
HSV (or HSB)	158.9°, 86.3, 68.6
Web Safe	009966	`#009966`

CIE-LAB	63.555, -49.442, 16.984
XYZ	19.218, 32.257, 23.625
xyY	0.256, 0.43, 32.257
CIE-LCH	63.555, 52.278, 161.042
CIE-LUV	63.555, -52.8, 30.969
Hunter-Lab	56.795, -38.993, 15.095
Binary	00011000, 10101111, 01111010

#18af7a
```
#18af7a rgb(24,175,122)
```
#af184d
```
#af184d rgb(175,24,77)
```

Complementary Color

#18af2f
```
#18af2f rgb(24,175,47)
```
#18af7a
```
#18af7a rgb(24,175,122)
```
#1899af
```
#1899af rgb(24,153,175)
```

Analogous Color

#af2f18
```
#af2f18 rgb(175,47,24)
```
#18af7a
```
#18af7a rgb(24,175,122)
```
#af1899
```
#af1899 rgb(175,24,153)
```

Split Complementary Color

#af7a18
```
#af7a18 rgb(175,122,24)
```
#18af7a
```
#18af7a rgb(24,175,122)
```
#7a18af
```
#7a18af rgb(122,24,175)
```

Triadic Color

#4daf18
```
#4daf18 rgb(77,175,24)
```
#18af7a
```
#18af7a rgb(24,175,122)
```
#7a18af
```
#7a18af rgb(122,24,175)
```
#af184d
```
#af184d rgb(175,24,77)
```

Tetradic Color

#0f6c4b
```
#0f6c4b rgb(15,108,75)
```
#12825b
```
#12825b rgb(18,130,91)
```
#15996a
```
#15996a rgb(21,153,106)
```
#18af7a
```
#18af7a rgb(24,175,122)
```
#1bc58a
```
#1bc58a rgb(27,197,138)
```
#1edc99
```
#1edc99 rgb(30,220,153)
```
#31e3a4
```
#31e3a4 rgb(49,227,164)
```

Monochromatic Color

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

#18af54
```
#18af54 rgb(24,175,84)
```
#18af61
```
#18af61 rgb(24,175,97)
```
#18af6d
```
#18af6d rgb(24,175,109)
```
#18af7a
```
#18af7a rgb(24,175,122)
```
#18af87
```
#18af87 rgb(24,175,135)
```
#18af93
```
#18af93 rgb(24,175,147)
```
#18afa0
```
#18afa0 rgb(24,175,160)
```

Similar Colors

Text with hexadecimal color #18af7a

This text has a font color of #18af7a.

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

#18af7a background color

This paragraph has a background color of #18af7a.

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

#18af7a border color

This element has a border color of #18af7a.

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

CSS codes

.text {color:#18af7a;}

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

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

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

#000302
```
#000302 rgb(0,3,2)
```
#03140e
```
#03140e rgb(3,20,14)
```
#05251a
```
#05251a rgb(5,37,26)
```
#073626
```
#073626 rgb(7,54,38)
```
#0a4832
```
#0a4832 rgb(10,72,50)
```
#0c593e
```
#0c593e rgb(12,89,62)
```
#0f6a4a
```
#0f6a4a rgb(15,106,74)
```
#117b56
```
#117b56 rgb(17,123,86)
```
#138d62
```
#138d62 rgb(19,141,98)
```
#169e6e
```
#169e6e rgb(22,158,110)
```
#18af7a
```
#18af7a rgb(24,175,122)
```
#1ac086
```
#1ac086 rgb(26,192,134)
```
#1dd192
```
#1dd192 rgb(29,209,146)
```

Shade Color Variation

#21e19d
```
#21e19d rgb(33,225,157)
```
#33e3a5
```
#33e3a5 rgb(51,227,165)
```
#44e5ad
```
#44e5ad rgb(68,229,173)
```
#55e8b4
```
#55e8b4 rgb(85,232,180)
```
#66eabc
```
#66eabc rgb(102,234,188)
```
#78ecc3
```
#78ecc3 rgb(120,236,195)
```
#89efcb
```
#89efcb rgb(137,239,203)
```
#9af1d3
```
#9af1d3 rgb(154,241,211)
```
#abf4da
```
#abf4da rgb(171,244,218)
```
#bdf6e2
```
#bdf6e2 rgb(189,246,226)
```
#cef8e9
```
#cef8e9 rgb(206,248,233)
```
#dffbf1
```
#dffbf1 rgb(223,251,241)
```
#f0fdf9
```
#f0fdf9 rgb(240,253,249)
```

Tint Color Variation

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

#5d6a65
```
#5d6a65 rgb(93,106,101)
```
#557268
```
#557268 rgb(85,114,104)
```
#4e796a
```
#4e796a rgb(78,121,106)
```
#46816c
```
#46816c rgb(70,129,108)
```
#3e896f
```
#3e896f rgb(62,137,111)
```
#379071
```
#379071 rgb(55,144,113)
```
#2f9873
```
#2f9873 rgb(47,152,115)
```
#27a075
```
#27a075 rgb(39,160,117)
```
#20a778
```
#20a778 rgb(32,167,120)
```
#18af7a
```
#18af7a rgb(24,175,122)
```
#10b77c
```
#10b77c rgb(16,183,124)
```
#09be7f
```
#09be7f rgb(9,190,127)
```
#01c681
```
#01c681 rgb(1,198,129)
```

Tone Color Variation

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

#7c7c7c Achromatopsia 0.005% of the population
#68867c Atypical Achromatopsia 0.001% of the population

Dichromacy

#aa9e78 Protanopia 1% of men
#b59989 Deuteranopia 1% of men
#4cabb8 Tritanopia 0.001% of the population

Trichromacy

#75a478 Protanomaly 1% of men, 0.01% of women
#7ca184 Deuteranomaly 6% of men, 0.4% of women
#39ada1 Tritanomaly 0.01% of the population

#18af7a hex color

#18af7a Color Information

#18af7a Color Conversion

Color Schemes with #18af7a

Alternatives to #18af7a

#18af7a Preview

Shades and Tints of #18af7a

Tones of #18af7a

Color Blindness Simulator