#18b18d hex color

In a RGB color space, hex #18b18d is composed of 9.4% red, 69.4% green and 55.3% blue. Whereas in a CMYK color space, it is composed of 86.4% cyan, 0% magenta, 20.3% yellow and 30.6% black. It has a hue angle of 165.9 degrees, a saturation of 76.1% and a lightness of 39.4%. #18b18d color hex could be obtained by blending #30ffff with #00631b. Closest websafe color is: #009999.

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

● #18b18d color description : Dark cyan.

The hexadecimal color #18b18d has RGB values of R:24, G:177, B:141 and CMYK values of C:0.86, M:0, Y:0.2, K:0.31. Its decimal value is 1618317.

Hex triplet	18b18d	`#18b18d`
RGB Decimal	24, 177, 141	`rgb(24,177,141)`
RGB Percent	9.4, 69.4, 55.3	`rgb(9.4%,69.4%,55.3%)`
CMYK	86, 0, 20, 31
HSL	165.9°, 76.1, 39.4	`hsl(165.9,76.1%,39.4%)`
HSV (or HSB)	165.9°, 86.4, 69.4
Web Safe	009999	`#009999`

CIE-LAB	64.611, -45.649, 8.019
XYZ	20.905, 33.559, 30.574
xyY	0.246, 0.395, 33.559
CIE-LCH	64.611, 46.348, 170.037
CIE-LUV	64.611, -52.16, 18.45
Hunter-Lab	57.93, -36.965, 9.26
Binary	00011000, 10110001, 10001101

#18b18d
```
#18b18d rgb(24,177,141)
```
#b1183c
```
#b1183c rgb(177,24,60)
```

Complementary Color

#18b141
```
#18b141 rgb(24,177,65)
```
#18b18d
```
#18b18d rgb(24,177,141)
```
#1889b1
```
#1889b1 rgb(24,137,177)
```

Analogous Color

#b14118
```
#b14118 rgb(177,65,24)
```
#18b18d
```
#18b18d rgb(24,177,141)
```
#b11889
```
#b11889 rgb(177,24,137)
```

Split Complementary Color

#b18d18
```
#b18d18 rgb(177,141,24)
```
#18b18d
```
#18b18d rgb(24,177,141)
```
#8d18b1
```
#8d18b1 rgb(141,24,177)
```

Triadic Color

#3cb118
```
#3cb118 rgb(60,177,24)
```
#18b18d
```
#18b18d rgb(24,177,141)
```
#8d18b1
```
#8d18b1 rgb(141,24,177)
```
#b1183c
```
#b1183c rgb(177,24,60)
```

Tetradic Color

#0f6e57
```
#0f6e57 rgb(15,110,87)
```
#128469
```
#128469 rgb(18,132,105)
```
#159b7b
```
#159b7b rgb(21,155,123)
```
#18b18d
```
#18b18d rgb(24,177,141)
```
#1bc79f
```
#1bc79f rgb(27,199,159)
```
#1edeb1
```
#1edeb1 rgb(30,222,177)
```
#32e3ba
```
#32e3ba rgb(50,227,186)
```

Monochromatic Color

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

#18b167
```
#18b167 rgb(24,177,103)
```
#18b174
```
#18b174 rgb(24,177,116)
```
#18b180
```
#18b180 rgb(24,177,128)
```
#18b18d
```
#18b18d rgb(24,177,141)
```
#18b19a
```
#18b19a rgb(24,177,154)
```
#18b1a7
```
#18b1a7 rgb(24,177,167)
```
#18afb1
```
#18afb1 rgb(24,175,177)
```

Similar Colors

Text with hexadecimal color #18b18d

This text has a font color of #18b18d.

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

#18b18d background color

This paragraph has a background color of #18b18d.

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

#18b18d border color

This element has a border color of #18b18d.

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

CSS codes

.text {color:#18b18d;}

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

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

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

#010403
```
#010403 rgb(1,4,3)
```
#031611
```
#031611 rgb(3,22,17)
```
#05271f
```
#05271f rgb(5,39,31)
```
#08382d
```
#08382d rgb(8,56,45)
```
#0a493a
```
#0a493a rgb(10,73,58)
```
#0c5b48
```
#0c5b48 rgb(12,91,72)
```
#0f6c56
```
#0f6c56 rgb(15,108,86)
```
#117d64
```
#117d64 rgb(17,125,100)
```
#138e71
```
#138e71 rgb(19,142,113)
```
#16a07f
```
#16a07f rgb(22,160,127)
```
#18b18d
```
#18b18d rgb(24,177,141)
```
#1ac29b
```
#1ac29b rgb(26,194,155)
```
#1dd4a9
```
#1dd4a9 rgb(29,212,169)
```

Shade Color Variation

#23e1b4
```
#23e1b4 rgb(35,225,180)
```
#34e3ba
```
#34e3ba rgb(52,227,186)
```
#45e6c0
```
#45e6c0 rgb(69,230,192)
```
#57e8c6
```
#57e8c6 rgb(87,232,198)
```
#68eacc
```
#68eacc rgb(104,234,204)
```
#79edd2
```
#79edd2 rgb(121,237,210)
```
#8aefd7
```
#8aefd7 rgb(138,239,215)
```
#9cf2dd
```
#9cf2dd rgb(156,242,221)
```
#adf4e3
```
#adf4e3 rgb(173,244,227)
```
#bef6e9
```
#bef6e9 rgb(190,246,233)
```
#cff9ef
```
#cff9ef rgb(207,249,239)
```
#e1fbf5
```
#e1fbf5 rgb(225,251,245)
```
#f2fdfb
```
#f2fdfb rgb(242,253,251)
```

Tint Color Variation

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

#5e6b68
```
#5e6b68 rgb(94,107,104)
```
#56736c
```
#56736c rgb(86,115,108)
```
#4e7b70
```
#4e7b70 rgb(78,123,112)
```
#468374
```
#468374 rgb(70,131,116)
```
#3f8a79
```
#3f8a79 rgb(63,138,121)
```
#37927d
```
#37927d rgb(55,146,125)
```
#2f9a81
```
#2f9a81 rgb(47,154,129)
```
#27a285
```
#27a285 rgb(39,162,133)
```
#20a989
```
#20a989 rgb(32,169,137)
```
#18b18d
```
#18b18d rgb(24,177,141)
```
#10b991
```
#10b991 rgb(16,185,145)
```
#09c095
```
#09c095 rgb(9,192,149)
```
#01c899
```
#01c899 rgb(1,200,153)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#6a8982 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aaa189 Protanopia 1% of men
#b39c9b Deuteranopia 1% of men
#47afbc Tritanopia 0.001% of the population

Trichromacy

#75a78a Protanomaly 1% of men, 0.01% of women
#7aa496 Deuteranomaly 6% of men, 0.4% of women
#36afaa Tritanomaly 0.01% of the population

#18b18d hex color

#18b18d Color Information

#18b18d Color Conversion

Color Schemes with #18b18d

Alternatives to #18b18d

#18b18d Preview

Shades and Tints of #18b18d

Tones of #18b18d

Color Blindness Simulator