#18cdb4 hex color

In a RGB color space, hex #18cdb4 is composed of 9.4% red, 80.4% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 88.3% cyan, 0% magenta, 12.2% yellow and 19.6% black. It has a hue angle of 171.7 degrees, a saturation of 79% and a lightness of 44.9%. #18cdb4 color hex could be obtained by blending #30ffff with #009b69. Closest websafe color is: #00cccc.

♥
- f
- t
- g
- R 9
- G 80
- B 71
RGB color chart
- C 88
- M 0
- Y 12
- K 20
CMYK color chart

● #18cdb4 color description : Strong cyan.

The hexadecimal color #18cdb4 has RGB values of R:24, G:205, B:180 and CMYK values of C:0.88, M:0, Y:0.12, K:0.2. Its decimal value is 1625524.

Hex triplet	18cdb4	`#18cdb4`
RGB Decimal	24, 205, 180	`rgb(24,205,180)`
RGB Percent	9.4, 80.4, 70.6	`rgb(9.4%,80.4%,70.6%)`
CMYK	88, 0, 12, 20
HSL	171.7°, 79, 44.9	`hsl(171.7,79%,44.9%)`
HSV (or HSB)	171.7°, 88.3, 80.4
Web Safe	00cccc	`#00cccc`

CIE-LAB	74.285, -47.058, 0.674
XYZ	30.443, 47.149, 50.674
xyY	0.237, 0.368, 47.149
CIE-LCH	74.285, 47.063, 179.18
CIE-LUV	74.285, -58.879, 8.317
Hunter-Lab	68.665, -41.024, 4.311
Binary	00011000, 11001101, 10110100

#18cdb4
```
#18cdb4 rgb(24,205,180)
```
#cd1831
```
#cd1831 rgb(205,24,49)
```

Complementary Color

#18cd5a
```
#18cd5a rgb(24,205,90)
```
#18cdb4
```
#18cdb4 rgb(24,205,180)
```
#188ccd
```
#188ccd rgb(24,140,205)
```

Analogous Color

#cd5a18
```
#cd5a18 rgb(205,90,24)
```
#18cdb4
```
#18cdb4 rgb(24,205,180)
```
#cd188c
```
#cd188c rgb(205,24,140)
```

Split Complementary Color

#cdb418
```
#cdb418 rgb(205,180,24)
```
#18cdb4
```
#18cdb4 rgb(24,205,180)
```
#b418cd
```
#b418cd rgb(180,24,205)
```

Triadic Color

#31cd18
```
#31cd18 rgb(49,205,24)
```
#18cdb4
```
#18cdb4 rgb(24,205,180)
```
#b418cd
```
#b418cd rgb(180,24,205)
```
#cd1831
```
#cd1831 rgb(205,24,49)
```

Tetradic Color

#108978
```
#108978 rgb(16,137,120)
```
#139f8c
```
#139f8c rgb(19,159,140)
```
#15b6a0
```
#15b6a0 rgb(21,182,160)
```
#18cdb4
```
#18cdb4 rgb(24,205,180)
```
#1be4c8
```
#1be4c8 rgb(27,228,200)
```
#31e7ce
```
#31e7ce rgb(49,231,206)
```
#48ead3
```
#48ead3 rgb(72,234,211)
```

Monochromatic Color

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

#18cd87
```
#18cd87 rgb(24,205,135)
```
#18cd96
```
#18cd96 rgb(24,205,150)
```
#18cda5
```
#18cda5 rgb(24,205,165)
```
#18cdb4
```
#18cdb4 rgb(24,205,180)
```
#18cdc3
```
#18cdc3 rgb(24,205,195)
```
#18c8cd
```
#18c8cd rgb(24,200,205)
```
#18b9cd
```
#18b9cd rgb(24,185,205)
```

Similar Colors

Text with hexadecimal color #18cdb4

This text has a font color of #18cdb4.

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

#18cdb4 background color

This paragraph has a background color of #18cdb4.

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

#18cdb4 border color

This element has a border color of #18cdb4.

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

CSS codes

.text {color:#18cdb4;}

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

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

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

#010c0a
```
#010c0a rgb(1,12,10)
```
#031d1a
```
#031d1a rgb(3,29,26)
```
#052f29
```
#052f29 rgb(5,47,41)
```
#084139
```
#084139 rgb(8,65,57)
```
#0a5248
```
#0a5248 rgb(10,82,72)
```
#0c6457
```
#0c6457 rgb(12,100,87)
```
#0e7567
```
#0e7567 rgb(14,117,103)
```
#108776
```
#108776 rgb(16,135,118)
```
#129886
```
#129886 rgb(18,152,134)
```
#14aa95
```
#14aa95 rgb(20,170,149)
```
#16bba5
```
#16bba5 rgb(22,187,165)
```
#18cdb4
```
#18cdb4 rgb(24,205,180)
```
#1adfc3
```
#1adfc3 rgb(26,223,195)
```

Shade Color Variation

#27e6cb
```
#27e6cb rgb(39,230,203)
```
#38e8cf
```
#38e8cf rgb(56,232,207)
```
#4aead4
```
#4aead4 rgb(74,234,212)
```
#5becd8
```
#5becd8 rgb(91,236,216)
```
#6deedc
```
#6deedc rgb(109,238,220)
```
#7ef0e0
```
#7ef0e0 rgb(126,240,224)
```
#90f2e4
```
#90f2e4 rgb(144,242,228)
```
#a1f4e9
```
#a1f4e9 rgb(161,244,233)
```
#b3f6ed
```
#b3f6ed rgb(179,246,237)
```
#c5f8f1
```
#c5f8f1 rgb(197,248,241)
```
#d6faf5
```
#d6faf5 rgb(214,250,245)
```
#e8fcf9
```
#e8fcf9 rgb(232,252,249)
```
#f9fefe
```
#f9fefe rgb(249,254,254)
```

Tint Color Variation

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

#707574
```
#707574 rgb(112,117,116)
```
#677e7b
```
#677e7b rgb(103,126,123)
```
#5e8781
```
#5e8781 rgb(94,135,129)
```
#568f87
```
#568f87 rgb(86,143,135)
```
#4d988e
```
#4d988e rgb(77,152,142)
```
#44a194
```
#44a194 rgb(68,161,148)
```
#3baa9b
```
#3baa9b rgb(59,170,155)
```
#32b3a1
```
#32b3a1 rgb(50,179,161)
```
#2abba7
```
#2abba7 rgb(42,187,167)
```
#21c4ae
```
#21c4ae rgb(33,196,174)
```
#18cdb4
```
#18cdb4 rgb(24,205,180)
```
#0fd6ba
```
#0fd6ba rgb(15,214,186)
```
#06dfc1
```
#06dfc1 rgb(6,223,193)
```

Tone Color Variation

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

#949494 Achromatopsia 0.005% of the population
#7b9f9a Atypical Achromatopsia 0.001% of the population

Dichromacy

#c0b9ac Protanopia 1% of men
#c8b5c1 Deuteranopia 1% of men
#48cad9 Tritanopia 0.001% of the population

Trichromacy

#83c0af Protanomaly 1% of men, 0.01% of women
#88bdbc Deuteranomaly 6% of men, 0.4% of women
#36cbcb Tritanomaly 0.01% of the population

#18cdb4 hex color

#18cdb4 Color Information

#18cdb4 Color Conversion

Color Schemes with #18cdb4

Alternatives to #18cdb4

#18cdb4 Preview

Shades and Tints of #18cdb4

Tones of #18cdb4

Color Blindness Simulator