#18c4ba hex color

In a RGB color space, hex #18c4ba is composed of 9.4% red, 76.9% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 87.8% cyan, 0% magenta, 5.1% yellow and 23.1% black. It has a hue angle of 176.5 degrees, a saturation of 78.2% and a lightness of 43.1%. #18c4ba color hex could be obtained by blending #30ffff with #008975. Closest websafe color is: #00cccc.

♥
- f
- t
- g
- R 9
- G 77
- B 73
RGB color chart
- C 88
- M 0
- Y 5
- K 23
CMYK color chart

● #18c4ba color description : Strong cyan.

The hexadecimal color #18c4ba has RGB values of R:24, G:196, B:186 and CMYK values of C:0.88, M:0, Y:0.05, K:0.23. Its decimal value is 1623226.

Hex triplet	18c4ba	`#18c4ba`
RGB Decimal	24, 196, 186	`rgb(24,196,186)`
RGB Percent	9.4, 76.9, 72.9	`rgb(9.4%,76.9%,72.9%)`
CMYK	88, 0, 5, 23
HSL	176.5°, 78.2, 43.1	`hsl(176.5,78.2%,43.1%)`
HSV (or HSB)	176.5°, 87.8, 76.9
Web Safe	00cccc	`#00cccc`

CIE-LAB	71.701, -41.507, -6.38
XYZ	28.977, 43.216, 53.266
xyY	0.231, 0.344, 43.216
CIE-LCH	71.701, 41.994, 188.738
CIE-LUV	71.701, -55.335, -3.408
Hunter-Lab	65.739, -36.364, -2.023
Binary	00011000, 11000100, 10111010

#18c4ba
```
#18c4ba rgb(24,196,186)
```
#c41822
```
#c41822 rgb(196,24,34)
```

Complementary Color

#18c464
```
#18c464 rgb(24,196,100)
```
#18c4ba
```
#18c4ba rgb(24,196,186)
```
#1878c4
```
#1878c4 rgb(24,120,196)
```

Analogous Color

#c46418
```
#c46418 rgb(196,100,24)
```
#18c4ba
```
#18c4ba rgb(24,196,186)
```
#c41878
```
#c41878 rgb(196,24,120)
```

Split Complementary Color

#c4ba18
```
#c4ba18 rgb(196,186,24)
```
#18c4ba
```
#18c4ba rgb(24,196,186)
```
#ba18c4
```
#ba18c4 rgb(186,24,196)
```

Triadic Color

#22c418
```
#22c418 rgb(34,196,24)
```
#18c4ba
```
#18c4ba rgb(24,196,186)
```
#ba18c4
```
#ba18c4 rgb(186,24,196)
```
#c41822
```
#c41822 rgb(196,24,34)
```

Tetradic Color

#108079
```
#108079 rgb(16,128,121)
```
#12978f
```
#12978f rgb(18,151,143)
```
#15ada4
```
#15ada4 rgb(21,173,164)
```
#18c4ba
```
#18c4ba rgb(24,196,186)
```
#1bdbd0
```
#1bdbd0 rgb(27,219,208)
```
#2ae5da
```
#2ae5da rgb(42,229,218)
```
#41e8de
```
#41e8de rgb(65,232,222)
```

Monochromatic Color

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

#18c48f
```
#18c48f rgb(24,196,143)
```
#18c49d
```
#18c49d rgb(24,196,157)
```
#18c4ac
```
#18c4ac rgb(24,196,172)
```
#18c4ba
```
#18c4ba rgb(24,196,186)
```
#18c0c4
```
#18c0c4 rgb(24,192,196)
```
#18b1c4
```
#18b1c4 rgb(24,177,196)
```
#18a3c4
```
#18a3c4 rgb(24,163,196)
```

Similar Colors

Text with hexadecimal color #18c4ba

This text has a font color of #18c4ba.

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

#18c4ba background color

This paragraph has a background color of #18c4ba.

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

#18c4ba border color

This element has a border color of #18c4ba.

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

CSS codes

.text {color:#18c4ba;}

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

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

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

#000404
```
#000404 rgb(0,4,4)
```
#031514
```
#031514 rgb(3,21,20)
```
#052725
```
#052725 rgb(5,39,37)
```
#073835
```
#073835 rgb(7,56,53)
```
#094a46
```
#094a46 rgb(9,74,70)
```
#0b5b56
```
#0b5b56 rgb(11,91,86)
```
#0d6d67
```
#0d6d67 rgb(13,109,103)
```
#0f7e78
```
#0f7e78 rgb(15,126,120)
```
#129088
```
#129088 rgb(18,144,136)
```
#14a199
```
#14a199 rgb(20,161,153)
```
#16b3a9
```
#16b3a9 rgb(22,179,169)
```
#18c4ba
```
#18c4ba rgb(24,196,186)
```
#1ad5cb
```
#1ad5cb rgb(26,213,203)
```

Shade Color Variation

#20e4d8
```
#20e4d8 rgb(32,228,216)
```
#31e6db
```
#31e6db rgb(49,230,219)
```
#43e8de
```
#43e8de rgb(67,232,222)
```
#54eae1
```
#54eae1 rgb(84,234,225)
```
#65ece4
```
#65ece4 rgb(101,236,228)
```
#77eee7
```
#77eee7 rgb(119,238,231)
```
#88f0ea
```
#88f0ea rgb(136,240,234)
```
#9af3ed
```
#9af3ed rgb(154,243,237)
```
#abf5f0
```
#abf5f0 rgb(171,245,240)
```
#bdf7f4
```
#bdf7f4 rgb(189,247,244)
```
#cef9f7
```
#cef9f7 rgb(206,249,247)
```
#e0fbfa
```
#e0fbfa rgb(224,251,250)
```
#f1fdfd
```
#f1fdfd rgb(241,253,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6d6f6f is the less saturated color, while #07d5c9 is the most saturated one.

#6d6f6f
```
#6d6f6f rgb(109,111,111)
```
#647877
```
#647877 rgb(100,120,119)
```
#5c807e
```
#5c807e rgb(92,128,126)
```
#538986
```
#538986 rgb(83,137,134)
```
#4b918d
```
#4b918d rgb(75,145,141)
```
#429a95
```
#429a95 rgb(66,154,149)
```
#3aa29c
```
#3aa29c rgb(58,162,156)
```
#31aba4
```
#31aba4 rgb(49,171,164)
```
#29b3ab
```
#29b3ab rgb(41,179,171)
```
#20bcb3
```
#20bcb3 rgb(32,188,179)
```
#18c4ba
```
#18c4ba rgb(24,196,186)
```
#10ccc1
```
#10ccc1 rgb(16,204,193)
```
#07d5c9
```
#07d5c9 rgb(7,213,201)
```

Tone Color Variation

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

#8f8f8f Achromatopsia 0.005% of the population
#779a98 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b6b2b2 Protanopia 1% of men
#bbafc6 Deuteranopia 1% of men
#3dc3d2 Tritanopia 0.001% of the population

Trichromacy

#7db9b5 Protanomaly 1% of men, 0.01% of women
#80b6c1 Deuteranomaly 6% of men, 0.4% of women
#30c3c9 Tritanomaly 0.01% of the population

#18c4ba hex color

#18c4ba Color Information

#18c4ba Color Conversion

Color Schemes with #18c4ba

Alternatives to #18c4ba

#18c4ba Preview

Shades and Tints of #18c4ba

Tones of #18c4ba

Color Blindness Simulator