#18ab71 hex color

In a RGB color space, hex #18ab71 is composed of 9.4% red, 67.1% green and 44.3% blue. Whereas in a CMYK color space, it is composed of 86% cyan, 0% magenta, 33.9% yellow and 32.9% black. It has a hue angle of 156.3 degrees, a saturation of 75.4% and a lightness of 38.2%. #18ab71 color hex could be obtained by blending #30ffe2 with #005700. Closest websafe color is: #009966.

♥
- f
- t
- g
- R 9
- G 67
- B 44
RGB color chart
- C 86
- M 0
- Y 34
- K 33
CMYK color chart

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

The hexadecimal color #18ab71 has RGB values of R:24, G:171, B:113 and CMYK values of C:0.86, M:0, Y:0.34, K:0.33. Its decimal value is 1616753.

Hex triplet	18ab71	`#18ab71`
RGB Decimal	24, 171, 113	`rgb(24,171,113)`
RGB Percent	9.4, 67.1, 44.3	`rgb(9.4%,67.1%,44.3%)`
CMYK	86, 0, 34, 33
HSL	156.3°, 75.4, 38.2	`hsl(156.3,75.4%,38.2%)`
HSV (or HSB)	156.3°, 86, 67.1
Web Safe	009966	`#009966`

CIE-LAB	62.092, -49.904, 19.889
XYZ	17.919, 30.51, 20.567
xyY	0.26, 0.442, 30.51
CIE-LCH	62.092, 53.722, 158.271
CIE-LUV	62.092, -52.011, 34.508
Hunter-Lab	55.236, -38.757, 16.589
Binary	00011000, 10101011, 01110001

#18ab71
```
#18ab71 rgb(24,171,113)
```
#ab1852
```
#ab1852 rgb(171,24,82)
```

Complementary Color

#18ab28
```
#18ab28 rgb(24,171,40)
```
#18ab71
```
#18ab71 rgb(24,171,113)
```
#189cab
```
#189cab rgb(24,156,171)
```

Analogous Color

#ab2818
```
#ab2818 rgb(171,40,24)
```
#18ab71
```
#18ab71 rgb(24,171,113)
```
#ab189c
```
#ab189c rgb(171,24,156)
```

Split Complementary Color

#ab7118
```
#ab7118 rgb(171,113,24)
```
#18ab71
```
#18ab71 rgb(24,171,113)
```
#7118ab
```
#7118ab rgb(113,24,171)
```

Triadic Color

#52ab18
```
#52ab18 rgb(82,171,24)
```
#18ab71
```
#18ab71 rgb(24,171,113)
```
#7118ab
```
#7118ab rgb(113,24,171)
```
#ab1852
```
#ab1852 rgb(171,24,82)
```

Tetradic Color

#0f6845
```
#0f6845 rgb(15,104,69)
```
#127e53
```
#127e53 rgb(18,126,83)
```
#159562
```
#159562 rgb(21,149,98)
```
#18ab71
```
#18ab71 rgb(24,171,113)
```
#1bc180
```
#1bc180 rgb(27,193,128)
```
#1ed88f
```
#1ed88f rgb(30,216,143)
```
#2ee29b
```
#2ee29b rgb(46,226,155)
```

Monochromatic Color

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

#18ab4c
```
#18ab4c rgb(24,171,76)
```
#18ab59
```
#18ab59 rgb(24,171,89)
```
#18ab65
```
#18ab65 rgb(24,171,101)
```
#18ab71
```
#18ab71 rgb(24,171,113)
```
#18ab7d
```
#18ab7d rgb(24,171,125)
```
#18ab8a
```
#18ab8a rgb(24,171,138)
```
#18ab96
```
#18ab96 rgb(24,171,150)
```

Similar Colors

Text with hexadecimal color #18ab71

This text has a font color of #18ab71.

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

#18ab71 background color

This paragraph has a background color of #18ab71.

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

#18ab71 border color

This element has a border color of #18ab71.

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

CSS codes

.text {color:#18ab71;}

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

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

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, #02100b is the darkest color, while #feffff is the lightest one.

#02100b
```
#02100b rgb(2,16,11)
```
#052116
```
#052116 rgb(5,33,22)
```
#073321
```
#073321 rgb(7,51,33)
```
#0a442d
```
#0a442d rgb(10,68,45)
```
#0c5538
```
#0c5538 rgb(12,85,56)
```
#0e6644
```
#0e6644 rgb(14,102,68)
```
#11774f
```
#11774f rgb(17,119,79)
```
#13895a
```
#13895a rgb(19,137,90)
```
#169a66
```
#169a66 rgb(22,154,102)
```
#18ab71
```
#18ab71 rgb(24,171,113)
```
#1abc7c
```
#1abc7c rgb(26,188,124)
```
#1dcd88
```
#1dcd88 rgb(29,205,136)
```
#1fdf93
```
#1fdf93 rgb(31,223,147)
```

Shade Color Variation

#30e29c
```
#30e29c rgb(48,226,156)
```
#41e4a4
```
#41e4a4 rgb(65,228,164)
```
#52e7ac
```
#52e7ac rgb(82,231,172)
```
#63e9b4
```
#63e9b4 rgb(99,233,180)
```
#74ecbd
```
#74ecbd rgb(116,236,189)
```
#86eec5
```
#86eec5 rgb(134,238,197)
```
#97f0cd
```
#97f0cd rgb(151,240,205)
```
#a8f3d5
```
#a8f3d5 rgb(168,243,213)
```
#b9f5de
```
#b9f5de rgb(185,245,222)
```
#caf8e6
```
#caf8e6 rgb(202,248,230)
```
#dcfaee
```
#dcfaee rgb(220,250,238)
```
#edfcf6
```
#edfcf6 rgb(237,252,246)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#5c6863
```
#5c6863 rgb(92,104,99)
```
#546f64
```
#546f64 rgb(84,111,100)
```
#4d7766
```
#4d7766 rgb(77,119,102)
```
#457e68
```
#457e68 rgb(69,126,104)
```
#3e8669
```
#3e8669 rgb(62,134,105)
```
#368d6b
```
#368d6b rgb(54,141,107)
```
#2f956c
```
#2f956c rgb(47,149,108)
```
#279c6e
```
#279c6e rgb(39,156,110)
```
#20a46f
```
#20a46f rgb(32,164,111)
```
#18ab71
```
#18ab71 rgb(24,171,113)
```
#11b373
```
#11b373 rgb(17,179,115)
```
#09ba74
```
#09ba74 rgb(9,186,116)
```
#01c276
```
#01c276 rgb(1,194,118)
```

Tone Color Variation

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

#787878 Achromatopsia 0.005% of the population
#658277 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a79b70 Protanopia 1% of men
#b39581 Deuteranopia 1% of men
#4ca7b4 Tritanopia 0.001% of the population

Trichromacy

#73a170 Protanomaly 1% of men, 0.01% of women
#7a9d7b Deuteranomaly 6% of men, 0.4% of women
#39a89b Tritanomaly 0.01% of the population

#18ab71 hex color

#18ab71 Color Information

#18ab71 Color Conversion

Color Schemes with #18ab71

Alternatives to #18ab71

#18ab71 Preview

Shades and Tints of #18ab71

Tones of #18ab71

Color Blindness Simulator