#18b081 hex color

In a RGB color space, hex #18b081 is composed of 9.4% red, 69% green and 50.6% blue. Whereas in a CMYK color space, it is composed of 86.4% cyan, 0% magenta, 26.7% yellow and 31% black. It has a hue angle of 161.4 degrees, a saturation of 76% and a lightness of 39.2%. #18b081 color hex could be obtained by blending #30ffff with #006103. Closest websafe color is: #009999.

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

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

The hexadecimal color #18b081 has RGB values of R:24, G:176, B:129 and CMYK values of C:0.86, M:0, Y:0.27, K:0.31. Its decimal value is 1618049.

Hex triplet	18b081	`#18b081`
RGB Decimal	24, 176, 129	`rgb(24,176,129)`
RGB Percent	9.4, 69, 50.6	`rgb(9.4%,69%,50.6%)`
CMYK	86, 0, 27, 31
HSL	161.4°, 76, 39.2	`hsl(161.4,76%,39.2%)`
HSV (or HSB)	161.4°, 86.4, 69
Web Safe	009999	`#009999`

CIE-LAB	64.021, -48.205, 13.797
XYZ	19.863, 32.828, 26.057
xyY	0.252, 0.417, 32.828
CIE-LCH	64.021, 50.141, 164.028
CIE-LUV	64.021, -52.666, 26.669
Hunter-Lab	57.296, -38.386, 13.143
Binary	00011000, 10110000, 10000001

#18b081
```
#18b081 rgb(24,176,129)
```
#b01847
```
#b01847 rgb(176,24,71)
```

Complementary Color

#18b035
```
#18b035 rgb(24,176,53)
```
#18b081
```
#18b081 rgb(24,176,129)
```
#1893b0
```
#1893b0 rgb(24,147,176)
```

Analogous Color

#b03518
```
#b03518 rgb(176,53,24)
```
#18b081
```
#18b081 rgb(24,176,129)
```
#b01893
```
#b01893 rgb(176,24,147)
```

Split Complementary Color

#b08118
```
#b08118 rgb(176,129,24)
```
#18b081
```
#18b081 rgb(24,176,129)
```
#8118b0
```
#8118b0 rgb(129,24,176)
```

Triadic Color

#47b018
```
#47b018 rgb(71,176,24)
```
#18b081
```
#18b081 rgb(24,176,129)
```
#8118b0
```
#8118b0 rgb(129,24,176)
```
#b01847
```
#b01847 rgb(176,24,71)
```

Tetradic Color

#0f6d50
```
#0f6d50 rgb(15,109,80)
```
#128360
```
#128360 rgb(18,131,96)
```
#159a71
```
#159a71 rgb(21,154,113)
```
#18b081
```
#18b081 rgb(24,176,129)
```
#1bc691
```
#1bc691 rgb(27,198,145)
```
#1edda2
```
#1edda2 rgb(30,221,162)
```
#32e3ac
```
#32e3ac rgb(50,227,172)
```

Monochromatic Color

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

#18b05b
```
#18b05b rgb(24,176,91)
```
#18b068
```
#18b068 rgb(24,176,104)
```
#18b074
```
#18b074 rgb(24,176,116)
```
#18b081
```
#18b081 rgb(24,176,129)
```
#18b08e
```
#18b08e rgb(24,176,142)
```
#18b09a
```
#18b09a rgb(24,176,154)
```
#18b0a7
```
#18b0a7 rgb(24,176,167)
```

Similar Colors

Text with hexadecimal color #18b081

This text has a font color of #18b081.

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

#18b081 background color

This paragraph has a background color of #18b081.

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

#18b081 border color

This element has a border color of #18b081.

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

CSS codes

.text {color:#18b081;}

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

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

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

#000302
```
#000302 rgb(0,3,2)
```
#03150f
```
#03150f rgb(3,21,15)
```
#05261c
```
#05261c rgb(5,38,28)
```
#083728
```
#083728 rgb(8,55,40)
```
#0a4835
```
#0a4835 rgb(10,72,53)
```
#0c5a42
```
#0c5a42 rgb(12,90,66)
```
#0f6b4e
```
#0f6b4e rgb(15,107,78)
```
#117c5b
```
#117c5b rgb(17,124,91)
```
#138d68
```
#138d68 rgb(19,141,104)
```
#169f74
```
#169f74 rgb(22,159,116)
```
#18b081
```
#18b081 rgb(24,176,129)
```
#1ac18e
```
#1ac18e rgb(26,193,142)
```
#1dd39a
```
#1dd39a rgb(29,211,154)
```

Shade Color Variation

#22e1a6
```
#22e1a6 rgb(34,225,166)
```
#33e3ad
```
#33e3ad rgb(51,227,173)
```
#45e6b4
```
#45e6b4 rgb(69,230,180)
```
#56e8bb
```
#56e8bb rgb(86,232,187)
```
#67eac2
```
#67eac2 rgb(103,234,194)
```
#78edc9
```
#78edc9 rgb(120,237,201)
```
#8aefd0
```
#8aefd0 rgb(138,239,208)
```
#9bf1d7
```
#9bf1d7 rgb(155,241,215)
```
#acf4de
```
#acf4de rgb(172,244,222)
```
#bdf6e5
```
#bdf6e5 rgb(189,246,229)
```
#cff8eb
```
#cff8eb rgb(207,248,235)
```
#e0fbf2
```
#e0fbf2 rgb(224,251,242)
```
#f1fdf9
```
#f1fdf9 rgb(241,253,249)
```

Tint Color Variation

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

#5d6b67
```
#5d6b67 rgb(93,107,103)
```
#56726a
```
#56726a rgb(86,114,106)
```
#4e7a6c
```
#4e7a6c rgb(78,122,108)
```
#46826f
```
#46826f rgb(70,130,111)
```
#3e8a72
```
#3e8a72 rgb(62,138,114)
```
#379175
```
#379175 rgb(55,145,117)
```
#2f9978
```
#2f9978 rgb(47,153,120)
```
#27a17b
```
#27a17b rgb(39,161,123)
```
#20a87e
```
#20a87e rgb(32,168,126)
```
#18b081
```
#18b081 rgb(24,176,129)
```
#10b884
```
#10b884 rgb(16,184,132)
```
#09bf87
```
#09bf87 rgb(9,191,135)
```
#01c78a
```
#01c78a rgb(1,199,138)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#69877e Atypical Achromatopsia 0.001% of the population

Dichromacy

#aaa07e Protanopia 1% of men
#b59a90 Deuteranopia 1% of men
#4aadba Tritanopia 0.001% of the population

Trichromacy

#75a57f Protanomaly 1% of men, 0.01% of women
#7ca28a Deuteranomaly 6% of men, 0.4% of women
#38aea5 Tritanomaly 0.01% of the population

#18b081 hex color

#18b081 Color Information

#18b081 Color Conversion

Color Schemes with #18b081

Alternatives to #18b081

#18b081 Preview

Shades and Tints of #18b081

Tones of #18b081

Color Blindness Simulator