colorhexa.com

#18d5b0 hex color

In a RGB color space, hex #18d5b0 is composed of 9.4% red, 83.5% green and 69% blue. Whereas in a CMYK color space, it is composed of 88.7% cyan, 0% magenta, 17.4% yellow and 16.5% black. It has a hue angle of 168.3 degrees, a saturation of 79.7% and a lightness of 46.5%. #18d5b0 color hex could be obtained by blending #30ffff with #00ab61. Closest websafe color is: #00cc99.

- R 9
- G 84
- B 69
RGB color chart
- C 89
- M 0
- Y 17
- K 16
CMYK color chart

● #18d5b0 color description : Strong cyan.

The hexadecimal color #18d5b0 has RGB values of R:24, G:213, B:176 and CMYK values of C:0.89, M:0, Y:0.17, K:0.16. Its decimal value is 1627568.

Hex triplet	18d5b0	`#18d5b0`
RGB Decimal	24, 213, 176	`rgb(24,213,176)`
RGB Percent	9.4, 83.5, 69	`rgb(9.4%,83.5%,69%)`
CMYK	89, 0, 17, 16
HSL	168.3°, 79.7, 46.5	`hsl(168.3,79.7%,46.5%)`
HSV (or HSB)	168.3°, 88.7, 83.5
Web Safe	00cc99	`#00cc99`

CIE-LAB	76.627, -51.402, 6.216
XYZ	32.004, 50.914, 49.212
xyY	0.242, 0.385, 50.914
CIE-LCH	76.627, 51.776, 173.105
CIE-LUV	76.627, -61.895, 17.339
Hunter-Lab	71.354, -44.807, 9.056
Binary	00011000, 11010101, 10110000

#18d5b0
```
#18d5b0 rgb(24,213,176)
```
#d5183d
```
#d5183d rgb(213,24,61)
```

Complementary Color

#18d551
```
#18d551 rgb(24,213,81)
```
#18d5b0
```
#18d5b0 rgb(24,213,176)
```
#189cd5
```
#189cd5 rgb(24,156,213)
```

Analogous Color

#d55118
```
#d55118 rgb(213,81,24)
```
#18d5b0
```
#18d5b0 rgb(24,213,176)
```
#d5189c
```
#d5189c rgb(213,24,156)
```

Split Complementary Color

#d5b018
```
#d5b018 rgb(213,176,24)
```
#18d5b0
```
#18d5b0 rgb(24,213,176)
```
#b018d5
```
#b018d5 rgb(176,24,213)
```

Triadic Color

#3dd518
```
#3dd518 rgb(61,213,24)
```
#18d5b0
```
#18d5b0 rgb(24,213,176)
```
#b018d5
```
#b018d5 rgb(176,24,213)
```
#d5183d
```
#d5183d rgb(213,24,61)
```

Tetradic Color

#109077
```
#109077 rgb(16,144,119)
```
#13a78a
```
#13a78a rgb(19,167,138)
```
#15be9d
```
#15be9d rgb(21,190,157)
```
#18d5b0
```
#18d5b0 rgb(24,213,176)
```
#21e6bf
```
#21e6bf rgb(33,230,191)
```
#37e9c6
```
#37e9c6 rgb(55,233,198)
```
#4eebcc
```
#4eebcc rgb(78,235,204)
```

Monochromatic Color

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

#18d581
```
#18d581 rgb(24,213,129)
```
#18d591
```
#18d591 rgb(24,213,145)
```
#18d5a0
```
#18d5a0 rgb(24,213,160)
```
#18d5b0
```
#18d5b0 rgb(24,213,176)
```
#18d5c0
```
#18d5c0 rgb(24,213,192)
```
#18d5d0
```
#18d5d0 rgb(24,213,208)
```
#18cbd5
```
#18cbd5 rgb(24,203,213)
```

Similar Colors

Text with hexadecimal color #18d5b0

This text has a font color of #18d5b0.

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

#18d5b0 background color

This paragraph has a background color of #18d5b0.

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

#18d5b0 border color

This element has a border color of #18d5b0.

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

CSS codes

.text {color:#18d5b0;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#021310
```
#021310 rgb(2,19,16)
```
#04251e
```
#04251e rgb(4,37,30)
```
#06362d
```
#06362d rgb(6,54,45)
```
#08483b
```
#08483b rgb(8,72,59)
```
#0a5a4a
```
#0a5a4a rgb(10,90,74)
```
#0c6b59
```
#0c6b59 rgb(12,107,89)
```
#0e7d67
```
#0e7d67 rgb(14,125,103)
```
#108e76
```
#108e76 rgb(16,142,118)
```
#12a084
```
#12a084 rgb(18,160,132)
```
#14b293
```
#14b293 rgb(20,178,147)
```
#16c3a1
```
#16c3a1 rgb(22,195,161)
```
#18d5b0
```
#18d5b0 rgb(24,213,176)
```

Shade Color Variation

#1be5be
```
#1be5be rgb(27,229,190)
```
#2de7c3
```
#2de7c3 rgb(45,231,195)
```
#3fe9c8
```
#3fe9c8 rgb(63,233,200)
```
#50ebcd
```
#50ebcd rgb(80,235,205)
```
#62edd2
```
#62edd2 rgb(98,237,210)
```
#73efd7
```
#73efd7 rgb(115,239,215)
```
#85f1dc
```
#85f1dc rgb(133,241,220)
```
#97f3e1
```
#97f3e1 rgb(151,243,225)
```
#a8f5e6
```
#a8f5e6 rgb(168,245,230)
```
#baf7eb
```
#baf7eb rgb(186,247,235)
```
#ccf9f0
```
#ccf9f0 rgb(204,249,240)
```
#ddfbf5
```
#ddfbf5 rgb(221,251,245)
```
#effdfa
```
#effdfa rgb(239,253,250)
```

Tint Color Variation

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

#737a79
```
#737a79 rgb(115,122,121)
```
#6a837e
```
#6a837e rgb(106,131,126)
```
#618c84
```
#618c84 rgb(97,140,132)
```
#589589
```
#589589 rgb(88,149,137)
```
#4f9e8f
```
#4f9e8f rgb(79,158,143)
```
#46a794
```
#46a794 rgb(70,167,148)
```
#3cb19a
```
#3cb19a rgb(60,177,154)
```
#33ba9f
```
#33ba9f rgb(51,186,159)
```
#2ac3a5
```
#2ac3a5 rgb(42,195,165)
```
#21ccaa
```
#21ccaa rgb(33,204,170)
```
#18d5b0
```
#18d5b0 rgb(24,213,176)
```
#0fdeb6
```
#0fdeb6 rgb(15,222,182)
```
#06e7bb
```
#06e7bb rgb(6,231,187)
```

Tone Color Variation

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

#989898 Achromatopsia 0.005% of the population
#7ea49d Atypical Achromatopsia 0.001% of the population

Dichromacy

#c9bfa8 Protanopia 1% of men
#d3babe Deuteranopia 1% of men
#4fd0e0 Tritanopia 0.001% of the population

Trichromacy

#88c7ab Protanomaly 1% of men, 0.01% of women
#8fc4b9 Deuteranomaly 6% of men, 0.4% of women
#3bd2ce Tritanomaly 0.01% of the population