colorhexa.com

#18cca7 hex color

In a RGB color space, hex #18cca7 is composed of 9.4% red, 80% green and 65.5% blue. Whereas in a CMYK color space, it is composed of 88.2% cyan, 0% magenta, 18.1% yellow and 20% black. It has a hue angle of 167.7 degrees, a saturation of 78.9% and a lightness of 44.7%. #18cca7 color hex could be obtained by blending #30ffff with #00994f. Closest websafe color is: #00cc99.

- R 9
- G 80
- B 65
RGB color chart
- C 88
- M 0
- Y 18
- K 20
CMYK color chart

● #18cca7 color description : Strong cyan.

The hexadecimal color #18cca7 has RGB values of R:24, G:204, B:167 and CMYK values of C:0.88, M:0, Y:0.18, K:0.2. Its decimal value is 1625255.

Hex triplet	18cca7	`#18cca7`
RGB Decimal	24, 204, 167	`rgb(24,204,167)`
RGB Percent	9.4, 80, 65.5	`rgb(9.4%,80%,65.5%)`
CMYK	88, 0, 18, 20
HSL	167.7°, 78.9, 44.7	`hsl(167.7,78.9%,44.7%)`
HSV (or HSB)	167.7°, 88.2, 80
Web Safe	00cc99	`#00cc99`

CIE-LAB	73.654, -50.056, 6.776
XYZ	28.942, 46.167, 43.943
xyY	0.243, 0.388, 46.167
CIE-LCH	73.654, 50.513, 172.291
CIE-LUV	73.654, -59.523, 17.823
Hunter-Lab	67.946, -42.873, 9.218
Binary	00011000, 11001100, 10100111

#18cca7
```
#18cca7 rgb(24,204,167)
```
#cc183d
```
#cc183d rgb(204,24,61)
```

Complementary Color

#18cc4d
```
#18cc4d rgb(24,204,77)
```
#18cca7
```
#18cca7 rgb(24,204,167)
```
#1897cc
```
#1897cc rgb(24,151,204)
```

Analogous Color

#cc4d18
```
#cc4d18 rgb(204,77,24)
```
#18cca7
```
#18cca7 rgb(24,204,167)
```
#cc1897
```
#cc1897 rgb(204,24,151)
```

Split Complementary Color

#cca718
```
#cca718 rgb(204,167,24)
```
#18cca7
```
#18cca7 rgb(24,204,167)
```
#a718cc
```
#a718cc rgb(167,24,204)
```

Triadic Color

#3dcc18
```
#3dcc18 rgb(61,204,24)
```
#18cca7
```
#18cca7 rgb(24,204,167)
```
#a718cc
```
#a718cc rgb(167,24,204)
```
#cc183d
```
#cc183d rgb(204,24,61)
```

Tetradic Color

#10886f
```
#10886f rgb(16,136,111)
```
#139e82
```
#139e82 rgb(19,158,130)
```
#15b594
```
#15b594 rgb(21,181,148)
```
#18cca7
```
#18cca7 rgb(24,204,167)
```
#1be3ba
```
#1be3ba rgb(27,227,186)
```
#30e7c1
```
#30e7c1 rgb(48,231,193)
```
#47e9c8
```
#47e9c8 rgb(71,233,200)
```

Monochromatic Color

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

#18cc7a
```
#18cc7a rgb(24,204,122)
```
#18cc89
```
#18cc89 rgb(24,204,137)
```
#18cc98
```
#18cc98 rgb(24,204,152)
```
#18cca7
```
#18cca7 rgb(24,204,167)
```
#18ccb6
```
#18ccb6 rgb(24,204,182)
```
#18ccc5
```
#18ccc5 rgb(24,204,197)
```
#18c4cc
```
#18c4cc rgb(24,196,204)
```

Similar Colors

Text with hexadecimal color #18cca7

This text has a font color of #18cca7.

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

#18cca7 background color

This paragraph has a background color of #18cca7.

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

#18cca7 border color

This element has a border color of #18cca7.

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

CSS codes

.text {color:#18cca7;}

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

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

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

#010b09
```
#010b09 rgb(1,11,9)
```
#031c17
```
#031c17 rgb(3,28,23)
```
#052e26
```
#052e26 rgb(5,46,38)
```
#074034
```
#074034 rgb(7,64,52)
```
#0a5142
```
#0a5142 rgb(10,81,66)
```
#0c6351
```
#0c6351 rgb(12,99,81)
```
#0e745f
```
#0e745f rgb(14,116,95)
```
#10866e
```
#10866e rgb(16,134,110)
```
#12977c
```
#12977c rgb(18,151,124)
```
#14a98a
```
#14a98a rgb(20,169,138)
```
#16ba99
```
#16ba99 rgb(22,186,153)
```
#18cca7
```
#18cca7 rgb(24,204,167)
```
#1adeb5
```
#1adeb5 rgb(26,222,181)
```

Shade Color Variation

#26e5be
```
#26e5be rgb(38,229,190)
```
#37e8c3
```
#37e8c3 rgb(55,232,195)
```
#49eac9
```
#49eac9 rgb(73,234,201)
```
#5aecce
```
#5aecce rgb(90,236,206)
```
#6ceed3
```
#6ceed3 rgb(108,238,211)
```
#7ef0d8
```
#7ef0d8 rgb(126,240,216)
```
#8ff2de
```
#8ff2de rgb(143,242,222)
```
#a1f4e3
```
#a1f4e3 rgb(161,244,227)
```
#b2f6e8
```
#b2f6e8 rgb(178,246,232)
```
#c4f8ed
```
#c4f8ed rgb(196,248,237)
```
#d5faf3
```
#d5faf3 rgb(213,250,243)
```
#e7fcf8
```
#e7fcf8 rgb(231,252,248)
```
#f8fefd
```
#f8fefd rgb(248,254,253)
```

Tint Color Variation

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

#707473
```
#707473 rgb(112,116,115)
```
#677d79
```
#677d79 rgb(103,125,121)
```
#5e867e
```
#5e867e rgb(94,134,126)
```
#558f83
```
#558f83 rgb(85,143,131)
```
#4d9788
```
#4d9788 rgb(77,151,136)
```
#44a08d
```
#44a08d rgb(68,160,141)
```
#3ba992
```
#3ba992 rgb(59,169,146)
```
#32b298
```
#32b298 rgb(50,178,152)
```
#2aba9d
```
#2aba9d rgb(42,186,157)
```
#21c3a2
```
#21c3a2 rgb(33,195,162)
```
#18cca7
```
#18cca7 rgb(24,204,167)
```
#0fd5ac
```
#0fd5ac rgb(15,213,172)
```
#06deb1
```
#06deb1 rgb(6,222,177)
```

Tone Color Variation

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

#929292 Achromatopsia 0.005% of the population
#7a9e96 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c1b8a0 Protanopia 1% of men
#cbb3b5 Deuteranopia 1% of men
#4dc8d7 Tritanopia 0.001% of the population

Trichromacy

#83bfa3 Protanomaly 1% of men, 0.01% of women
#89bcb0 Deuteranomaly 6% of men, 0.4% of women
#3ac9c5 Tritanomaly 0.01% of the population