#18dcb8 hex color

In a RGB color space, hex #18dcb8 is composed of 9.4% red, 86.3% green and 72.2% blue. Whereas in a CMYK color space, it is composed of 89.1% cyan, 0% magenta, 16.4% yellow and 13.7% black. It has a hue angle of 169 degrees, a saturation of 80.3% and a lightness of 47.8%. #18dcb8 color hex could be obtained by blending #30ffff with #00b971. Closest websafe color is: #00cccc.

♥
- f
- t
- g
- R 9
- G 86
- B 72
RGB color chart
- C 89
- M 0
- Y 16
- K 14
CMYK color chart

● #18dcb8 color description : Vivid cyan.

The hexadecimal color #18dcb8 has RGB values of R:24, G:220, B:184 and CMYK values of C:0.89, M:0, Y:0.16, K:0.14. Its decimal value is 1629368.

Hex triplet	18dcb8	`#18dcb8`
RGB Decimal	24, 220, 184	`rgb(24,220,184)`
RGB Percent	9.4, 86.3, 72.2	`rgb(9.4%,86.3%,72.2%)`
CMYK	89, 0, 16, 14
HSL	169°, 80.3, 47.8	`hsl(169,80.3%,47.8%)`
HSV (or HSB)	169°, 89.1, 86.3
Web Safe	00cccc	`#00cccc`

CIE-LAB	78.948, -52.182, 5.291
XYZ	34.618, 54.838, 54.105
xyY	0.241, 0.382, 54.838
CIE-LCH	78.948, 52.45, 174.211
CIE-LUV	78.948, -63.647, 16.178
Hunter-Lab	74.052, -46.146, 8.518
Binary	00011000, 11011100, 10111000

#18dcb8
```
#18dcb8 rgb(24,220,184)
```
#dc183c
```
#dc183c rgb(220,24,60)
```

Complementary Color

#18dc56
```
#18dc56 rgb(24,220,86)
```
#18dcb8
```
#18dcb8 rgb(24,220,184)
```
#189edc
```
#189edc rgb(24,158,220)
```

Analogous Color

#dc5618
```
#dc5618 rgb(220,86,24)
```
#18dcb8
```
#18dcb8 rgb(24,220,184)
```
#dc189e
```
#dc189e rgb(220,24,158)
```

Split Complementary Color

#dcb818
```
#dcb818 rgb(220,184,24)
```
#18dcb8
```
#18dcb8 rgb(24,220,184)
```
#b818dc
```
#b818dc rgb(184,24,220)
```

Triadic Color

#3cdc18
```
#3cdc18 rgb(60,220,24)
```
#18dcb8
```
#18dcb8 rgb(24,220,184)
```
#b818dc
```
#b818dc rgb(184,24,220)
```
#dc183c
```
#dc183c rgb(220,24,60)
```

Tetradic Color

#10977e
```
#10977e rgb(16,151,126)
```
#13ae92
```
#13ae92 rgb(19,174,146)
```
#15c5a5
```
#15c5a5 rgb(21,197,165)
```
#18dcb8
```
#18dcb8 rgb(24,220,184)
```
#26e7c4
```
#26e7c4 rgb(38,231,196)
```
#3deaca
```
#3deaca rgb(61,234,202)
```
#54ecd0
```
#54ecd0 rgb(84,236,208)
```

Monochromatic Color

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

#18dc87
```
#18dc87 rgb(24,220,135)
```
#18dc97
```
#18dc97 rgb(24,220,151)
```
#18dca8
```
#18dca8 rgb(24,220,168)
```
#18dcb8
```
#18dcb8 rgb(24,220,184)
```
#18dcc8
```
#18dcc8 rgb(24,220,200)
```
#18dcd9
```
#18dcd9 rgb(24,220,217)
```
#18cfdc
```
#18cfdc rgb(24,207,220)
```

Similar Colors

Text with hexadecimal color #18dcb8

This text has a font color of #18dcb8.

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

#18dcb8 background color

This paragraph has a background color of #18dcb8.

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

#18dcb8 border color

This element has a border color of #18dcb8.

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

CSS codes

.text {color:#18dcb8;}

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

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

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

#010806
```
#010806 rgb(1,8,6)
```
#031915
```
#031915 rgb(3,25,21)
```
#052b24
```
#052b24 rgb(5,43,36)
```
#073d33
```
#073d33 rgb(7,61,51)
```
#094f42
```
#094f42 rgb(9,79,66)
```
#0a6050
```
#0a6050 rgb(10,96,80)
```
#0c725f
```
#0c725f rgb(12,114,95)
```
#0e846e
```
#0e846e rgb(14,132,110)
```
#10957d
```
#10957d rgb(16,149,125)
```
#12a78c
```
#12a78c rgb(18,167,140)
```
#14b99a
```
#14b99a rgb(20,185,154)
```
#16caa9
```
#16caa9 rgb(22,202,169)
```
#18dcb8
```
#18dcb8 rgb(24,220,184)
```

Shade Color Variation

#21e7c2
```
#21e7c2 rgb(33,231,194)
```
#33e9c7
```
#33e9c7 rgb(51,233,199)
```
#44ebcc
```
#44ebcc rgb(68,235,204)
```
#56edd1
```
#56edd1 rgb(86,237,209)
```
#68eed6
```
#68eed6 rgb(104,238,214)
```
#79f0db
```
#79f0db rgb(121,240,219)
```
#8bf2df
```
#8bf2df rgb(139,242,223)
```
#9df4e4
```
#9df4e4 rgb(157,244,228)
```
#aef6e9
```
#aef6e9 rgb(174,246,233)
```
#c0f8ee
```
#c0f8ee rgb(192,248,238)
```
#d2faf3
```
#d2faf3 rgb(210,250,243)
```
#e3fcf7
```
#e3fcf7 rgb(227,252,247)
```
#f5fefc
```
#f5fefc rgb(245,254,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #767e7d is the less saturated color, while #05efc4 is the most saturated one.

#767e7d
```
#767e7d rgb(118,126,125)
```
#6c8883
```
#6c8883 rgb(108,136,131)
```
#639189
```
#639189 rgb(99,145,137)
```
#5a9a8e
```
#5a9a8e rgb(90,154,142)
```
#50a494
```
#50a494 rgb(80,164,148)
```
#47ad9a
```
#47ad9a rgb(71,173,154)
```
#3eb6a0
```
#3eb6a0 rgb(62,182,160)
```
#34c0a6
```
#34c0a6 rgb(52,192,166)
```
#2bc9ac
```
#2bc9ac rgb(43,201,172)
```
#21d3b2
```
#21d3b2 rgb(33,211,178)
```
#18dcb8
```
#18dcb8 rgb(24,220,184)
```
#0fe5be
```
#0fe5be rgb(15,229,190)
```
#05efc4
```
#05efc4 rgb(5,239,196)
```

Tone Color Variation

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

#9d9d9d Achromatopsia 0.005% of the population
#82aaa2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cfc5b0 Protanopia 1% of men
#d8c0c6 Deuteranopia 1% of men
#51d7e7 Tritanopia 0.001% of the population

Trichromacy

#8ccdb2 Protanomaly 1% of men, 0.01% of women
#92cac0 Deuteranomaly 6% of men, 0.4% of women
#3cd9d6 Tritanomaly 0.01% of the population

#18dcb8 hex color

#18dcb8 Color Information

#18dcb8 Color Conversion

Color Schemes with #18dcb8

Alternatives to #18dcb8

#18dcb8 Preview

Shades and Tints of #18dcb8

Tones of #18dcb8

Color Blindness Simulator