colorhexa.com

#18b994 hex color

In a RGB color space, hex #18b994 is composed of 9.4% red, 72.5% green and 58% blue. Whereas in a CMYK color space, it is composed of 87% cyan, 0% magenta, 20% yellow and 27.5% black. It has a hue angle of 166.2 degrees, a saturation of 77% and a lightness of 41%. #18b994 color hex could be obtained by blending #30ffff with #007329. Closest websafe color is: #00cc99.

- R 9
- G 73
- B 58
RGB color chart
- C 87
- M 0
- Y 20
- K 27
CMYK color chart

● #18b994 color description : Strong cyan.

The hexadecimal color #18b994 has RGB values of R:24, G:185, B:148 and CMYK values of C:0.87, M:0, Y:0.2, K:0.27. Its decimal value is 1620372.

Hex triplet	18b994	`#18b994`
RGB Decimal	24, 185, 148	`rgb(24,185,148)`
RGB Percent	9.4, 72.5, 58	`rgb(9.4%,72.5%,58%)`
CMYK	87, 0, 20, 27
HSL	166.2°, 77, 41	`hsl(166.2,77%,41%)`
HSV (or HSB)	166.2°, 87, 72.5
Web Safe	00cc99	`#00cc99`

CIE-LAB	67.298, -47.154, 8.002
XYZ	23.069, 37.028, 33.947
xyY	0.245, 0.394, 37.028
CIE-LCH	67.298, 47.828, 170.369
CIE-LUV	67.298, -54.422, 18.812
Hunter-Lab	60.85, -38.818, 9.519
Binary	00011000, 10111001, 10010100

#18b994
```
#18b994 rgb(24,185,148)
```
#b9183d
```
#b9183d rgb(185,24,61)
```

Complementary Color

#18b944
```
#18b944 rgb(24,185,68)
```
#18b994
```
#18b994 rgb(24,185,148)
```
#188eb9
```
#188eb9 rgb(24,142,185)
```

Analogous Color

#b94418
```
#b94418 rgb(185,68,24)
```
#18b994
```
#18b994 rgb(24,185,148)
```
#b9188e
```
#b9188e rgb(185,24,142)
```

Split Complementary Color

#b99418
```
#b99418 rgb(185,148,24)
```
#18b994
```
#18b994 rgb(24,185,148)
```
#9418b9
```
#9418b9 rgb(148,24,185)
```

Triadic Color

#3db918
```
#3db918 rgb(61,185,24)
```
#18b994
```
#18b994 rgb(24,185,148)
```
#9418b9
```
#9418b9 rgb(148,24,185)
```
#b9183d
```
#b9183d rgb(185,24,61)
```

Tetradic Color

#0f755e
```
#0f755e rgb(15,117,94)
```
#128c70
```
#128c70 rgb(18,140,112)
```
#15a282
```
#15a282 rgb(21,162,130)
```
#18b994
```
#18b994 rgb(24,185,148)
```
#1bd0a6
```
#1bd0a6 rgb(27,208,166)
```
#22e2b6
```
#22e2b6 rgb(34,226,182)
```
#38e5bd
```
#38e5bd rgb(56,229,189)
```

Monochromatic Color

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

#18b96c
```
#18b96c rgb(24,185,108)
```
#18b979
```
#18b979 rgb(24,185,121)
```
#18b987
```
#18b987 rgb(24,185,135)
```
#18b994
```
#18b994 rgb(24,185,148)
```
#18b9a1
```
#18b9a1 rgb(24,185,161)
```
#18b9af
```
#18b9af rgb(24,185,175)
```
#18b6b9
```
#18b6b9 rgb(24,182,185)
```

Similar Colors

Text with hexadecimal color #18b994

This text has a font color of #18b994.

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

#18b994 background color

This paragraph has a background color of #18b994.

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

#18b994 border color

This element has a border color of #18b994.

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

CSS codes

.text {color:#18b994;}

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

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

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

#010b09
```
#010b09 rgb(1,11,9)
```
#041d17
```
#041d17 rgb(4,29,23)
```
#062e25
```
#062e25 rgb(6,46,37)
```
#083f33
```
#083f33 rgb(8,63,51)
```
#0a5141
```
#0a5141 rgb(10,81,65)
```
#0d624f
```
#0d624f rgb(13,98,79)
```
#0f745c
```
#0f745c rgb(15,116,92)
```
#11856a
```
#11856a rgb(17,133,106)
```
#139678
```
#139678 rgb(19,150,120)
```
#16a886
```
#16a886 rgb(22,168,134)
```
#18b994
```
#18b994 rgb(24,185,148)
```
#1acaa2
```
#1acaa2 rgb(26,202,162)
```
#1ddcb0
```
#1ddcb0 rgb(29,220,176)
```

Shade Color Variation

#29e3b8
```
#29e3b8 rgb(41,227,184)
```
#3ae5be
```
#3ae5be rgb(58,229,190)
```
#4be8c4
```
#4be8c4 rgb(75,232,196)
```
#5deac9
```
#5deac9 rgb(93,234,201)
```
#6eeccf
```
#6eeccf rgb(110,236,207)
```
#7feed5
```
#7feed5 rgb(127,238,213)
```
#91f1db
```
#91f1db rgb(145,241,219)
```
#a2f3e0
```
#a2f3e0 rgb(162,243,224)
```
#b4f5e6
```
#b4f5e6 rgb(180,245,230)
```
#c5f7ec
```
#c5f7ec rgb(197,247,236)
```
#d6faf2
```
#d6faf2 rgb(214,250,242)
```
#e8fcf7
```
#e8fcf7 rgb(232,252,247)
```
#f9fefd
```
#f9fefd rgb(249,254,253)
```

Tint Color Variation

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

#686969
```
#686969 rgb(104,105,105)
```
#60716d
```
#60716d rgb(96,113,109)
```
#587971
```
#587971 rgb(88,121,113)
```
#508176
```
#508176 rgb(80,129,118)
```
#48897a
```
#48897a rgb(72,137,122)
```
#40917e
```
#40917e rgb(64,145,126)
```
#389983
```
#389983 rgb(56,153,131)
```
#30a187
```
#30a187 rgb(48,161,135)
```
#28a98b
```
#28a98b rgb(40,169,139)
```
#20b190
```
#20b190 rgb(32,177,144)
```
#18b994
```
#18b994 rgb(24,185,148)
```
#10c198
```
#10c198 rgb(16,193,152)
```
#08c99d
```
#08c99d rgb(8,201,157)
```

Tone Color Variation

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

#858585 Achromatopsia 0.005% of the population
#6f8f88 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b1a88f Protanopia 1% of men
#baa3a2 Deuteranopia 1% of men
#49b6c4 Tritanopia 0.001% of the population

Trichromacy

#79ae91 Protanomaly 1% of men, 0.01% of women
#7fab9d Deuteranomaly 6% of men, 0.4% of women
#37b7b2 Tritanomaly 0.01% of the population