#18cbdd hex color

In a RGB color space, hex #18cbdd is composed of 9.4% red, 79.6% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 89.1% cyan, 8.1% magenta, 0% yellow and 13.3% black. It has a hue angle of 185.5 degrees, a saturation of 80.4% and a lightness of 48%. #18cbdd color hex could be obtained by blending #30ffff with #0097bb. Closest websafe color is: #00cccc.

♥
- f
- t
- g
- R 9
- G 80
- B 87
RGB color chart
- C 89
- M 8
- Y 0
- K 13
CMYK color chart

● #18cbdd color description : Vivid cyan.

The hexadecimal color #18cbdd has RGB values of R:24, G:203, B:221 and CMYK values of C:0.89, M:0.08, Y:0, K:0.13. Its decimal value is 1625053.

Hex triplet	18cbdd	`#18cbdd`
RGB Decimal	24, 203, 221	`rgb(24,203,221)`
RGB Percent	9.4, 79.6, 86.7	`rgb(9.4%,79.6%,86.7%)`
CMYK	89, 8, 0, 13
HSL	185.5°, 80.4, 48	`hsl(185.5,80.4%,48%)`
HSV (or HSB)	185.5°, 89.1, 86.7
Web Safe	00cccc	`#00cccc`

CIE-LAB	74.902, -34.191, -20.572
XYZ	34.78, 48.123, 75.858
xyY	0.219, 0.303, 48.123
CIE-LCH	74.902, 39.903, 211.035
CIE-LUV	74.902, -55.003, -27.533
Hunter-Lab	69.371, -31.906, -16.275
Binary	00011000, 11001011, 11011101

#18cbdd
```
#18cbdd rgb(24,203,221)
```
#dd2a18
```
#dd2a18 rgb(221,42,24)
```

Complementary Color

#18dd8d
```
#18dd8d rgb(24,221,141)
```
#18cbdd
```
#18cbdd rgb(24,203,221)
```
#1869dd
```
#1869dd rgb(24,105,221)
```

Analogous Color

#dd8d18
```
#dd8d18 rgb(221,141,24)
```
#18cbdd
```
#18cbdd rgb(24,203,221)
```
#dd1869
```
#dd1869 rgb(221,24,105)
```

Split Complementary Color

#cbdd18
```
#cbdd18 rgb(203,221,24)
```
#18cbdd
```
#18cbdd rgb(24,203,221)
```
#dd18cb
```
#dd18cb rgb(221,24,203)
```

Triadic Color

#18dd2a
```
#18dd2a rgb(24,221,42)
```
#18cbdd
```
#18cbdd rgb(24,203,221)
```
#dd18cb
```
#dd18cb rgb(221,24,203)
```
#dd2a18
```
#dd2a18 rgb(221,42,24)
```

Tetradic Color

#118c98
```
#118c98 rgb(17,140,152)
```
#13a1af
```
#13a1af rgb(19,161,175)
```
#16b6c6
```
#16b6c6 rgb(22,182,198)
```
#18cbdd
```
#18cbdd rgb(24,203,221)
```
#27d6e8
```
#27d6e8 rgb(39,214,232)
```
#3edaea
```
#3edaea rgb(62,218,234)
```
#55dfed
```
#55dfed rgb(85,223,237)
```

Monochromatic Color

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

#18ddbe
```
#18ddbe rgb(24,221,190)
```
#18ddce
```
#18ddce rgb(24,221,206)
```
#18dbdd
```
#18dbdd rgb(24,219,221)
```
#18cbdd
```
#18cbdd rgb(24,203,221)
```
#18bbdd
```
#18bbdd rgb(24,187,221)
```
#18aadd
```
#18aadd rgb(24,170,221)
```
#189add
```
#189add rgb(24,154,221)
```

Similar Colors

Text with hexadecimal color #18cbdd

This text has a font color of #18cbdd.

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

#18cbdd background color

This paragraph has a background color of #18cbdd.

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

#18cbdd border color

This element has a border color of #18cbdd.

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

CSS codes

.text {color:#18cbdd;}

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

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

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

#010809
```
#010809 rgb(1,8,9)
```
#03181a
```
#03181a rgb(3,24,26)
```
#05282c
```
#05282c rgb(5,40,44)
```
#07393e
```
#07393e rgb(7,57,62)
```
#09494f
```
#09494f rgb(9,73,79)
```
#0b5961
```
#0b5961 rgb(11,89,97)
```
#0c6973
```
#0c6973 rgb(12,105,115)
```
#0e7a85
```
#0e7a85 rgb(14,122,133)
```
#108a96
```
#108a96 rgb(16,138,150)
```
#129aa8
```
#129aa8 rgb(18,154,168)
```
#14aaba
```
#14aaba rgb(20,170,186)
```
#16bbcb
```
#16bbcb rgb(22,187,203)
```
#18cbdd
```
#18cbdd rgb(24,203,221)
```

Shade Color Variation

#22d5e7
```
#22d5e7 rgb(34,213,231)
```
#33d8e9
```
#33d8e9 rgb(51,216,233)
```
#45dceb
```
#45dceb rgb(69,220,235)
```
#57dfed
```
#57dfed rgb(87,223,237)
```
#68e2ef
```
#68e2ef rgb(104,226,239)
```
#7ae6f1
```
#7ae6f1 rgb(122,230,241)
```
#8ce9f2
```
#8ce9f2 rgb(140,233,242)
```
#9eecf4
```
#9eecf4 rgb(158,236,244)
```
#aff0f6
```
#aff0f6 rgb(175,240,246)
```
#c1f3f8
```
#c1f3f8 rgb(193,243,248)
```
#d3f7fa
```
#d3f7fa rgb(211,247,250)
```
#e4fafc
```
#e4fafc rgb(228,250,252)
```
#f6fdfe
```
#f6fdfe rgb(246,253,254)
```

Tint Color Variation

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

#767e7f
```
#767e7f rgb(118,126,127)
```
#6d8688
```
#6d8688 rgb(109,134,136)
```
#638d92
```
#638d92 rgb(99,141,146)
```
#5a959b
```
#5a959b rgb(90,149,155)
```
#519da4
```
#519da4 rgb(81,157,164)
```
#47a4ae
```
#47a4ae rgb(71,164,174)
```
#3eacb7
```
#3eacb7 rgb(62,172,183)
```
#34b4c1
```
#34b4c1 rgb(52,180,193)
```
#2bbcca
```
#2bbcca rgb(43,188,202)
```
#21c3d4
```
#21c3d4 rgb(33,195,212)
```
#18cbdd
```
#18cbdd rgb(24,203,221)
```
#0fd3e6
```
#0fd3e6 rgb(15,211,230)
```
#05daf0
```
#05daf0 rgb(5,218,240)
```

Tone Color Variation

Below, you can see how #18cbdd 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
#7ea2a6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b7bad3 Protanopia 1% of men
#b6b8e6 Deuteranopia 1% of men
#20cddd Tritanopia 0.001% of the population

Trichromacy

#7dc0d6 Protanomaly 1% of men, 0.01% of women
#7cbfe3 Deuteranomaly 6% of men, 0.4% of women
#1dccdd Tritanomaly 0.01% of the population

#18cbdd hex color

#18cbdd Color Information

#18cbdd Color Conversion

Color Schemes with #18cbdd

Alternatives to #18cbdd

#18cbdd Preview

Shades and Tints of #18cbdd

Tones of #18cbdd

Color Blindness Simulator