#18d1b2 hex color

In a RGB color space, hex #18d1b2 is composed of 9.4% red, 82% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 88.5% cyan, 0% magenta, 14.8% yellow and 18% black. It has a hue angle of 169.9 degrees, a saturation of 79.4% and a lightness of 45.7%. #18d1b2 color hex could be obtained by blending #30ffff with #00a365. Closest websafe color is: #00cc99.

♥
- f
- t
- g
- R 9
- G 82
- B 70
RGB color chart
- C 89
- M 0
- Y 15
- K 18
CMYK color chart

● #18d1b2 color description : Strong cyan.

The hexadecimal color #18d1b2 has RGB values of R:24, G:209, B:178 and CMYK values of C:0.89, M:0, Y:0.15, K:0.18. Its decimal value is 1626546.

Hex triplet	18d1b2	`#18d1b2`
RGB Decimal	24, 209, 178	`rgb(24,209,178)`
RGB Percent	9.4, 82, 69.8	`rgb(9.4%,82%,69.8%)`
CMYK	89, 0, 15, 18
HSL	169.9°, 79.4, 45.7	`hsl(169.9,79.4%,45.7%)`
HSV (or HSB)	169.9°, 88.5, 82
Web Safe	00cc99	`#00cc99`

CIE-LAB	75.455, -49.254, 3.452
XYZ	31.21, 49.006, 49.931
xyY	0.24, 0.377, 49.006
CIE-LCH	75.455, 49.375, 175.991
CIE-LUV	75.455, -60.391, 12.864
Hunter-Lab	70.004, -42.927, 6.714
Binary	00011000, 11010001, 10110010

#18d1b2
```
#18d1b2 rgb(24,209,178)
```
#d11837
```
#d11837 rgb(209,24,55)
```

Complementary Color

#18d156
```
#18d156 rgb(24,209,86)
```
#18d1b2
```
#18d1b2 rgb(24,209,178)
```
#1894d1
```
#1894d1 rgb(24,148,209)
```

Analogous Color

#d15618
```
#d15618 rgb(209,86,24)
```
#18d1b2
```
#18d1b2 rgb(24,209,178)
```
#d11894
```
#d11894 rgb(209,24,148)
```

Split Complementary Color

#d1b218
```
#d1b218 rgb(209,178,24)
```
#18d1b2
```
#18d1b2 rgb(24,209,178)
```
#b218d1
```
#b218d1 rgb(178,24,209)
```

Triadic Color

#37d118
```
#37d118 rgb(55,209,24)
```
#18d1b2
```
#18d1b2 rgb(24,209,178)
```
#b218d1
```
#b218d1 rgb(178,24,209)
```
#d11837
```
#d11837 rgb(209,24,55)
```

Tetradic Color

#108c78
```
#108c78 rgb(16,140,120)
```
#13a38b
```
#13a38b rgb(19,163,139)
```
#15ba9f
```
#15ba9f rgb(21,186,159)
```
#18d1b2
```
#18d1b2 rgb(24,209,178)
```
#1de5c4
```
#1de5c4 rgb(29,229,196)
```
#34e8ca
```
#34e8ca rgb(52,232,202)
```
#4bead0
```
#4bead0 rgb(75,234,208)
```

Monochromatic Color

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

#18d184
```
#18d184 rgb(24,209,132)
```
#18d193
```
#18d193 rgb(24,209,147)
```
#18d1a3
```
#18d1a3 rgb(24,209,163)
```
#18d1b2
```
#18d1b2 rgb(24,209,178)
```
#18d1c1
```
#18d1c1 rgb(24,209,193)
```
#18d1d1
```
#18d1d1 rgb(24,209,209)
```
#18c2d1
```
#18c2d1 rgb(24,194,209)
```

Similar Colors

Text with hexadecimal color #18d1b2

This text has a font color of #18d1b2.

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

#18d1b2 background color

This paragraph has a background color of #18d1b2.

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

#18d1b2 border color

This element has a border color of #18d1b2.

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

CSS codes

.text {color:#18d1b2;}

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

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

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, #020f0d is the darkest color, while #fdfffe is the lightest one.

#020f0d
```
#020f0d rgb(2,15,13)
```
#04211c
```
#04211c rgb(4,33,28)
```
#06332b
```
#06332b rgb(6,51,43)
```
#08443a
```
#08443a rgb(8,68,58)
```
#0a5649
```
#0a5649 rgb(10,86,73)
```
#0c6758
```
#0c6758 rgb(12,103,88)
```
#0e7967
```
#0e7967 rgb(14,121,103)
```
#108b76
```
#108b76 rgb(16,139,118)
```
#129c85
```
#129c85 rgb(18,156,133)
```
#14ae94
```
#14ae94 rgb(20,174,148)
```
#16bfa3
```
#16bfa3 rgb(22,191,163)
```
#18d1b2
```
#18d1b2 rgb(24,209,178)
```
#1ae3c1
```
#1ae3c1 rgb(26,227,193)
```

Shade Color Variation

#2ae7c7
```
#2ae7c7 rgb(42,231,199)
```
#3be9cc
```
#3be9cc rgb(59,233,204)
```
#4debd0
```
#4debd0 rgb(77,235,208)
```
#5fedd5
```
#5fedd5 rgb(95,237,213)
```
#70efd9
```
#70efd9 rgb(112,239,217)
```
#82f1de
```
#82f1de rgb(130,241,222)
```
#93f3e3
```
#93f3e3 rgb(147,243,227)
```
#a5f5e7
```
#a5f5e7 rgb(165,245,231)
```
#b6f7ec
```
#b6f7ec rgb(182,247,236)
```
#c8f9f1
```
#c8f9f1 rgb(200,249,241)
```
#dafbf5
```
#dafbf5 rgb(218,251,245)
```
#ebfdfa
```
#ebfdfa rgb(235,253,250)
```
#fdfffe
```
#fdfffe rgb(253,255,254)
```

Tint Color Variation

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

#727776
```
#727776 rgb(114,119,118)
```
#69807c
```
#69807c rgb(105,128,124)
```
#608982
```
#608982 rgb(96,137,130)
```
#579288
```
#579288 rgb(87,146,136)
```
#4e9b8e
```
#4e9b8e rgb(78,155,142)
```
#45a494
```
#45a494 rgb(69,164,148)
```
#3cad9a
```
#3cad9a rgb(60,173,154)
```
#33b6a0
```
#33b6a0 rgb(51,182,160)
```
#2abfa6
```
#2abfa6 rgb(42,191,166)
```
#21c8ac
```
#21c8ac rgb(33,200,172)
```
#18d1b2
```
#18d1b2 rgb(24,209,178)
```
#0fdab8
```
#0fdab8 rgb(15,218,184)
```
#06e3be
```
#06e3be rgb(6,227,190)
```

Tone Color Variation

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

#969696 Achromatopsia 0.005% of the population
#7da29c Atypical Achromatopsia 0.001% of the population

Dichromacy

#c5bcaa Protanopia 1% of men
#cdb7bf Deuteranopia 1% of men
#4ccddc Tritanopia 0.001% of the population

Trichromacy

#86c4ad Protanomaly 1% of men, 0.01% of women
#8bc1ba Deuteranomaly 6% of men, 0.4% of women
#39cecd Tritanomaly 0.01% of the population

#18d1b2 hex color

#18d1b2 Color Information

#18d1b2 Color Conversion

Color Schemes with #18d1b2

Alternatives to #18d1b2

#18d1b2 Preview

Shades and Tints of #18d1b2

Tones of #18d1b2

Color Blindness Simulator