#18b9d6 hex color

In a RGB color space, hex #18b9d6 is composed of 9.4% red, 72.5% green and 83.9% blue. Whereas in a CMYK color space, it is composed of 88.8% cyan, 13.6% magenta, 0% yellow and 16.1% black. It has a hue angle of 189.2 degrees, a saturation of 79.8% and a lightness of 46.7%. #18b9d6 color hex could be obtained by blending #30ffff with #0073ad. Closest websafe color is: #00cccc.

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

● #18b9d6 color description : Strong cyan.

The hexadecimal color #18b9d6 has RGB values of R:24, G:185, B:214 and CMYK values of C:0.89, M:0.14, Y:0, K:0.16. Its decimal value is 1620438.

Hex triplet	18b9d6	`#18b9d6`
RGB Decimal	24, 185, 214	`rgb(24,185,214)`
RGB Percent	9.4, 72.5, 83.9	`rgb(9.4%,72.5%,83.9%)`
CMYK	89, 14, 0, 16
HSL	189.2°, 79.8, 46.7	`hsl(189.2,79.8%,46.7%)`
HSV (or HSB)	189.2°, 88.8, 83.9
Web Safe	00cccc	`#00cccc`

CIE-LAB	69.287, -27.715, -25.331
XYZ	29.86, 39.744, 69.712
xyY	0.214, 0.285, 39.744
CIE-LCH	69.287, 37.547, 222.427
CIE-LUV	69.287, -49.383, -36.063
Hunter-Lab	63.043, -25.78, -21.432
Binary	00011000, 10111001, 11010110

#18b9d6
```
#18b9d6 rgb(24,185,214)
```
#d63518
```
#d63518 rgb(214,53,24)
```

Complementary Color

#18d694
```
#18d694 rgb(24,214,148)
```
#18b9d6
```
#18b9d6 rgb(24,185,214)
```
#185ad6
```
#185ad6 rgb(24,90,214)
```

Analogous Color

#d69418
```
#d69418 rgb(214,148,24)
```
#18b9d6
```
#18b9d6 rgb(24,185,214)
```
#d6185a
```
#d6185a rgb(214,24,90)
```

Split Complementary Color

#b9d618
```
#b9d618 rgb(185,214,24)
```
#18b9d6
```
#18b9d6 rgb(24,185,214)
```
#d618b9
```
#d618b9 rgb(214,24,185)
```

Triadic Color

#18d635
```
#18d635 rgb(24,214,53)
```
#18b9d6
```
#18b9d6 rgb(24,185,214)
```
#d618b9
```
#d618b9 rgb(214,24,185)
```
#d63518
```
#d63518 rgb(214,53,24)
```

Tetradic Color

#107e91
```
#107e91 rgb(16,126,145)
```
#1391a8
```
#1391a8 rgb(19,145,168)
```
#15a5bf
```
#15a5bf rgb(21,165,191)
```
#18b9d6
```
#18b9d6 rgb(24,185,214)
```
#21c8e6
```
#21c8e6 rgb(33,200,230)
```
#38cee9
```
#38cee9 rgb(56,206,233)
```
#4fd3eb
```
#4fd3eb rgb(79,211,235)
```

Monochromatic Color

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

#18d6c4
```
#18d6c4 rgb(24,214,196)
```
#18d6d3
```
#18d6d3 rgb(24,214,211)
```
#18c9d6
```
#18c9d6 rgb(24,201,214)
```
#18b9d6
```
#18b9d6 rgb(24,185,214)
```
#18a9d6
```
#18a9d6 rgb(24,169,214)
```
#1899d6
```
#1899d6 rgb(24,153,214)
```
#188ad6
```
#188ad6 rgb(24,138,214)
```

Similar Colors

Text with hexadecimal color #18b9d6

This text has a font color of #18b9d6.

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

#18b9d6 background color

This paragraph has a background color of #18b9d6.

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

#18b9d6 border color

This element has a border color of #18b9d6.

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

CSS codes

.text {color:#18b9d6;}

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

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

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

#000202
```
#000202 rgb(0,2,2)
```
#021114
```
#021114 rgb(2,17,20)
```
#042126
```
#042126 rgb(4,33,38)
```
#063037
```
#063037 rgb(6,48,55)
```
#083f49
```
#083f49 rgb(8,63,73)
```
#0a4e5b
```
#0a4e5b rgb(10,78,91)
```
#0c5e6c
```
#0c5e6c rgb(12,94,108)
```
#0e6d7e
```
#0e6d7e rgb(14,109,126)
```
#107c8f
```
#107c8f rgb(16,124,143)
```
#128ba1
```
#128ba1 rgb(18,139,161)
```
#149bb3
```
#149bb3 rgb(20,155,179)
```
#16aac4
```
#16aac4 rgb(22,170,196)
```
#18b9d6
```
#18b9d6 rgb(24,185,214)
```

Shade Color Variation

#1cc7e6
```
#1cc7e6 rgb(28,199,230)
```
#2ecbe8
```
#2ecbe8 rgb(46,203,232)
```
#3fd0ea
```
#3fd0ea rgb(63,208,234)
```
#51d4eb
```
#51d4eb rgb(81,212,235)
```
#63d8ed
```
#63d8ed rgb(99,216,237)
```
#74ddef
```
#74ddef rgb(116,221,239)
```
#86e1f1
```
#86e1f1 rgb(134,225,241)
```
#98e5f3
```
#98e5f3 rgb(152,229,243)
```
#a9eaf5
```
#a9eaf5 rgb(169,234,245)
```
#bbeef7
```
#bbeef7 rgb(187,238,247)
```
#ccf2f9
```
#ccf2f9 rgb(204,242,249)
```
#def7fb
```
#def7fb rgb(222,247,251)
```
#f0fbfd
```
#f0fbfd rgb(240,251,253)
```

Tint Color Variation

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

#74797a
```
#74797a rgb(116,121,122)
```
#6a8084
```
#6a8084 rgb(106,128,132)
```
#61868d
```
#61868d rgb(97,134,141)
```
#588c96
```
#588c96 rgb(88,140,150)
```
#4f939f
```
#4f939f rgb(79,147,159)
```
#4699a8
```
#4699a8 rgb(70,153,168)
```
#3da0b1
```
#3da0b1 rgb(61,160,177)
```
#33a6bb
```
#33a6bb rgb(51,166,187)
```
#2aacc4
```
#2aacc4 rgb(42,172,196)
```
#21b3cd
```
#21b3cd rgb(33,179,205)
```
#18b9d6
```
#18b9d6 rgb(24,185,214)
```
#0fbfdf
```
#0fbfdf rgb(15,191,223)
```
#06c6e8
```
#06c6e8 rgb(6,198,232)
```

Tone Color Variation

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

#8c8c8c Achromatopsia 0.005% of the population
#75959b Atypical Achromatopsia 0.001% of the population

Dichromacy

#a5accd Protanopia 1% of men
#a1abde Deuteranopia 1% of men
#00becc Tritanopia 0.001% of the population

Trichromacy

#72b0d0 Protanomaly 1% of men, 0.01% of women
#6fb0db Deuteranomaly 6% of men, 0.4% of women
#08bccf Tritanomaly 0.01% of the population

#18b9d6 hex color

#18b9d6 Color Information

#18b9d6 Color Conversion

Color Schemes with #18b9d6

Alternatives to #18b9d6

#18b9d6 Preview

Shades and Tints of #18b9d6

Tones of #18b9d6

Color Blindness Simulator