#18b970 hex color

In a RGB color space, hex #18b970 is composed of 9.4% red, 72.5% green and 43.9% blue. Whereas in a CMYK color space, it is composed of 87% cyan, 0% magenta, 39.5% yellow and 27.5% black. It has a hue angle of 152.8 degrees, a saturation of 77% and a lightness of 41%. #18b970 color hex could be obtained by blending #30ffe0 with #007300. Closest websafe color is: #00cc66.

♥
- f
- t
- g
- R 9
- G 73
- B 44
RGB color chart
- C 87
- M 0
- Y 39
- K 27
CMYK color chart

● #18b970 color description : Strong cyan - lime green.

The hexadecimal color #18b970 has RGB values of R:24, G:185, B:112 and CMYK values of C:0.87, M:0, Y:0.39, K:0.27. Its decimal value is 1620336.

Hex triplet	18b970	`#18b970`
RGB Decimal	24, 185, 112	`rgb(24,185,112)`
RGB Percent	9.4, 72.5, 43.9	`rgb(9.4%,72.5%,43.9%)`
CMYK	87, 0, 39, 27
HSL	152.8°, 77, 41	`hsl(152.8,77%,41%)`
HSV (or HSB)	152.8°, 87, 72.5
Web Safe	00cc66	`#00cc66`

CIE-LAB	66.566, -55.31, 26.435
XYZ	20.649, 36.06, 21.2
xyY	0.265, 0.463, 36.06
CIE-LCH	66.566, 61.302, 154.455
CIE-LUV	66.566, -56.87, 43.962
Hunter-Lab	60.05, -43.708, 21.103
Binary	00011000, 10111001, 01110000

#18b970
```
#18b970 rgb(24,185,112)
```
#b91861
```
#b91861 rgb(185,24,97)
```

Complementary Color

#18b91f
```
#18b91f rgb(24,185,31)
```
#18b970
```
#18b970 rgb(24,185,112)
```
#18b2b9
```
#18b2b9 rgb(24,178,185)
```

Analogous Color

#b91f18
```
#b91f18 rgb(185,31,24)
```
#18b970
```
#18b970 rgb(24,185,112)
```
#b918b2
```
#b918b2 rgb(185,24,178)
```

Split Complementary Color

#b97018
```
#b97018 rgb(185,112,24)
```
#18b970
```
#18b970 rgb(24,185,112)
```
#7018b9
```
#7018b9 rgb(112,24,185)
```

Triadic Color

#61b918
```
#61b918 rgb(97,185,24)
```
#18b970
```
#18b970 rgb(24,185,112)
```
#7018b9
```
#7018b9 rgb(112,24,185)
```
#b91861
```
#b91861 rgb(185,24,97)
```

Tetradic Color

#0f7547
```
#0f7547 rgb(15,117,71)
```
#128c55
```
#128c55 rgb(18,140,85)
```
#15a262
```
#15a262 rgb(21,162,98)
```
#18b970
```
#18b970 rgb(24,185,112)
```
#1bd07e
```
#1bd07e rgb(27,208,126)
```
#22e28b
```
#22e28b rgb(34,226,139)
```
#38e597
```
#38e597 rgb(56,229,151)
```

Monochromatic Color

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

#18b948
```
#18b948 rgb(24,185,72)
```
#18b955
```
#18b955 rgb(24,185,85)
```
#18b963
```
#18b963 rgb(24,185,99)
```
#18b970
```
#18b970 rgb(24,185,112)
```
#18b97d
```
#18b97d rgb(24,185,125)
```
#18b98b
```
#18b98b rgb(24,185,139)
```
#18b998
```
#18b998 rgb(24,185,152)
```

Similar Colors

Text with hexadecimal color #18b970

This text has a font color of #18b970.

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

#18b970 background color

This paragraph has a background color of #18b970.

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

#18b970 border color

This element has a border color of #18b970.

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

CSS codes

.text {color:#18b970;}

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

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

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, #010b07 is the darkest color, while #f9fefc is the lightest one.

#010b07
```
#010b07 rgb(1,11,7)
```
#041d11
```
#041d11 rgb(4,29,17)
```
#062e1c
```
#062e1c rgb(6,46,28)
```
#083f26
```
#083f26 rgb(8,63,38)
```
#0a5131
```
#0a5131 rgb(10,81,49)
```
#0d623b
```
#0d623b rgb(13,98,59)
```
#0f7446
```
#0f7446 rgb(15,116,70)
```
#118550
```
#118550 rgb(17,133,80)
```
#13965b
```
#13965b rgb(19,150,91)
```
#16a865
```
#16a865 rgb(22,168,101)
```
#18b970
```
#18b970 rgb(24,185,112)
```
#1aca7b
```
#1aca7b rgb(26,202,123)
```
#1ddc85
```
#1ddc85 rgb(29,220,133)
```

Shade Color Variation

#29e38f
```
#29e38f rgb(41,227,143)
```
#3ae598
```
#3ae598 rgb(58,229,152)
```
#4be8a1
```
#4be8a1 rgb(75,232,161)
```
#5deaaa
```
#5deaaa rgb(93,234,170)
```
#6eecb3
```
#6eecb3 rgb(110,236,179)
```
#7feebc
```
#7feebc rgb(127,238,188)
```
#91f1c5
```
#91f1c5 rgb(145,241,197)
```
#a2f3ce
```
#a2f3ce rgb(162,243,206)
```
#b4f5d7
```
#b4f5d7 rgb(180,245,215)
```
#c5f7e1
```
#c5f7e1 rgb(197,247,225)
```
#d6faea
```
#d6faea rgb(214,250,234)
```
#e8fcf3
```
#e8fcf3 rgb(232,252,243)
```
#f9fefc
```
#f9fefc rgb(249,254,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #686969 is the less saturated color, while #08c971 is the most saturated one.

#686969
```
#686969 rgb(104,105,105)
```
#607169
```
#607169 rgb(96,113,105)
```
#58796a
```
#58796a rgb(88,121,106)
```
#50816b
```
#50816b rgb(80,129,107)
```
#48896c
```
#48896c rgb(72,137,108)
```
#40916c
```
#40916c rgb(64,145,108)
```
#38996d
```
#38996d rgb(56,153,109)
```
#30a16e
```
#30a16e rgb(48,161,110)
```
#28a96f
```
#28a96f rgb(40,169,111)
```
#20b16f
```
#20b16f rgb(32,177,111)
```
#18b970
```
#18b970 rgb(24,185,112)
```
#10c171
```
#10c171 rgb(16,193,113)
```
#08c971
```
#08c971 rgb(8,201,113)
```

Tone Color Variation

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

#818181 Achromatopsia 0.005% of the population
#6c8c7e Atypical Achromatopsia 0.001% of the population

Dichromacy

#b4a66e Protanopia 1% of men
#c2a081 Deuteranopia 1% of men
#54b3c0 Tritanopia 0.001% of the population

Trichromacy

#7bad6f Protanomaly 1% of men, 0.01% of women
#84a97a Deuteranomaly 6% of men, 0.4% of women
#3eb5a3 Tritanomaly 0.01% of the population

#18b970 hex color

#18b970 Color Information

#18b970 Color Conversion

Color Schemes with #18b970

Alternatives to #18b970

#18b970 Preview

Shades and Tints of #18b970

Tones of #18b970

Color Blindness Simulator