#18badd hex color

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

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

● #18badd color description : Vivid cyan.

The hexadecimal color #18badd has RGB values of R:24, G:186, B:221 and CMYK values of C:0.89, M:0.16, Y:0, K:0.13. Its decimal value is 1620701.

Hex triplet	18badd	`#18badd`
RGB Decimal	24, 186, 221	`rgb(24,186,221)`
RGB Percent	9.4, 72.9, 86.7	`rgb(9.4%,72.9%,86.7%)`
CMYK	89, 16, 0, 13
HSL	190.7°, 80.4, 48	`hsl(190.7,80.4%,48%)`
HSV (or HSB)	190.7°, 89.1, 86.7
Web Safe	00cccc	`#00cccc`

CIE-LAB	69.845, -25.91, -28.301
XYZ	30.983, 40.529, 74.593
xyY	0.212, 0.277, 40.529
CIE-LCH	69.845, 38.37, 227.525
CIE-LUV	69.845, -49.198, -41.331
Hunter-Lab	63.663, -24.538, -24.905
Binary	00011000, 10111010, 11011101

#18badd
```
#18badd rgb(24,186,221)
```
#dd3b18
```
#dd3b18 rgb(221,59,24)
```

Complementary Color

#18dd9e
```
#18dd9e rgb(24,221,158)
```
#18badd
```
#18badd rgb(24,186,221)
```
#1858dd
```
#1858dd rgb(24,88,221)
```

Analogous Color

#dd9e18
```
#dd9e18 rgb(221,158,24)
```
#18badd
```
#18badd rgb(24,186,221)
```
#dd1858
```
#dd1858 rgb(221,24,88)
```

Split Complementary Color

#badd18
```
#badd18 rgb(186,221,24)
```
#18badd
```
#18badd rgb(24,186,221)
```
#dd18ba
```
#dd18ba rgb(221,24,186)
```

Triadic Color

#18dd3b
```
#18dd3b rgb(24,221,59)
```
#18badd
```
#18badd rgb(24,186,221)
```
#dd18ba
```
#dd18ba rgb(221,24,186)
```
#dd3b18
```
#dd3b18 rgb(221,59,24)
```

Tetradic Color

#118098
```
#118098 rgb(17,128,152)
```
#1393af
```
#1393af rgb(19,147,175)
```
#16a7c6
```
#16a7c6 rgb(22,167,198)
```
#18badd
```
#18badd rgb(24,186,221)
```
#27c5e8
```
#27c5e8 rgb(39,197,232)
```
#3ecbea
```
#3ecbea rgb(62,203,234)
```
#55d2ed
```
#55d2ed rgb(85,210,237)
```

Monochromatic Color

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

#18ddcf
```
#18ddcf rgb(24,221,207)
```
#18dbdd
```
#18dbdd rgb(24,219,221)
```
#18cadd
```
#18cadd rgb(24,202,221)
```
#18badd
```
#18badd rgb(24,186,221)
```
#18aadd
```
#18aadd rgb(24,170,221)
```
#1899dd
```
#1899dd rgb(24,153,221)
```
#1889dd
```
#1889dd rgb(24,137,221)
```

Similar Colors

Text with hexadecimal color #18badd

This text has a font color of #18badd.

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

#18badd background color

This paragraph has a background color of #18badd.

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

#18badd border color

This element has a border color of #18badd.

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

CSS codes

.text {color:#18badd;}

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

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

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

#010709
```
#010709 rgb(1,7,9)
```
#03161a
```
#03161a rgb(3,22,26)
```
#05252c
```
#05252c rgb(5,37,44)
```
#07343e
```
#07343e rgb(7,52,62)
```
#09434f
```
#09434f rgb(9,67,79)
```
#0b5261
```
#0b5261 rgb(11,82,97)
```
#0c6173
```
#0c6173 rgb(12,97,115)
```
#0e7085
```
#0e7085 rgb(14,112,133)
```
#107e96
```
#107e96 rgb(16,126,150)
```
#128da8
```
#128da8 rgb(18,141,168)
```
#149cba
```
#149cba rgb(20,156,186)
```
#16abcb
```
#16abcb rgb(22,171,203)
```
#18badd
```
#18badd rgb(24,186,221)
```

Shade Color Variation

#22c4e7
```
#22c4e7 rgb(34,196,231)
```
#33c9e9
```
#33c9e9 rgb(51,201,233)
```
#45cdeb
```
#45cdeb rgb(69,205,235)
```
#57d2ed
```
#57d2ed rgb(87,210,237)
```
#68d7ef
```
#68d7ef rgb(104,215,239)
```
#7adcf1
```
#7adcf1 rgb(122,220,241)
```
#8ce0f2
```
#8ce0f2 rgb(140,224,242)
```
#9ee5f4
```
#9ee5f4 rgb(158,229,244)
```
#afeaf6
```
#afeaf6 rgb(175,234,246)
```
#c1eef8
```
#c1eef8 rgb(193,238,248)
```
#d3f3fa
```
#d3f3fa rgb(211,243,250)
```
#e4f8fc
```
#e4f8fc rgb(228,248,252)
```
#f6fdfe
```
#f6fdfe rgb(246,253,254)
```

Tint Color Variation

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

#767d7f
```
#767d7f rgb(118,125,127)
```
#6d8388
```
#6d8388 rgb(109,131,136)
```
#638992
```
#638992 rgb(99,137,146)
```
#5a8f9b
```
#5a8f9b rgb(90,143,155)
```
#5196a4
```
#5196a4 rgb(81,150,164)
```
#479cae
```
#479cae rgb(71,156,174)
```
#3ea2b7
```
#3ea2b7 rgb(62,162,183)
```
#34a8c1
```
#34a8c1 rgb(52,168,193)
```
#2baeca
```
#2baeca rgb(43,174,202)
```
#21b4d4
```
#21b4d4 rgb(33,180,212)
```
#18badd
```
#18badd rgb(24,186,221)
```
#0fc0e6
```
#0fc0e6 rgb(15,192,230)
```
#05c6f0
```
#05c6f0 rgb(5,198,240)
```

Tone Color Variation

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

#8e8e8e Achromatopsia 0.005% of the population
#76979e Atypical Achromatopsia 0.001% of the population

Dichromacy

#a5add4 Protanopia 1% of men
#9eace5 Deuteranopia 1% of men
#00c0cd Tritanopia 0.001% of the population

Trichromacy

#71b2d7 Protanomaly 1% of men, 0.01% of women
#6db1e2 Deuteranomaly 6% of men, 0.4% of women
#08bdd3 Tritanomaly 0.01% of the population

#18badd hex color

#18badd Color Information

#18badd Color Conversion

Color Schemes with #18badd

Alternatives to #18badd

#18badd Preview

Shades and Tints of #18badd

Tones of #18badd

Color Blindness Simulator