#18a6bf hex color

In a RGB color space, hex #18a6bf is composed of 9.4% red, 65.1% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 87.4% cyan, 13.1% magenta, 0% yellow and 25.1% black. It has a hue angle of 189 degrees, a saturation of 77.7% and a lightness of 42.2%. #18a6bf color hex could be obtained by blending #30ffff with #004d7f. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 9
- G 65
- B 75
RGB color chart
- C 87
- M 13
- Y 0
- K 25
CMYK color chart

● #18a6bf color description : Strong cyan.

The hexadecimal color #18a6bf has RGB values of R:24, G:166, B:191 and CMYK values of C:0.87, M:0.13, Y:0, K:0.25. Its decimal value is 1615551.

Hex triplet	18a6bf	`#18a6bf`
RGB Decimal	24, 166, 191	`rgb(24,166,191)`
RGB Percent	9.4, 65.1, 74.9	`rgb(9.4%,65.1%,74.9%)`
CMYK	87, 13, 0, 25
HSL	189°, 77.7, 42.2	`hsl(189,77.7%,42.2%)`
HSV (or HSB)	189°, 87.4, 74.9
Web Safe	0099cc	`#0099cc`

CIE-LAB	62.698, -25.778, -22.702
XYZ	23.414, 31.226, 54.081
xyY	0.215, 0.287, 31.226
CIE-LCH	62.698, 34.35, 221.37
CIE-LUV	62.698, -44.538, -31.503
Hunter-Lab	55.88, -22.997, -18.264
Binary	00011000, 10100110, 10111111

#18a6bf
```
#18a6bf rgb(24,166,191)
```
#bf3118
```
#bf3118 rgb(191,49,24)
```

Complementary Color

#18bf85
```
#18bf85 rgb(24,191,133)
```
#18a6bf
```
#18a6bf rgb(24,166,191)
```
#1853bf
```
#1853bf rgb(24,83,191)
```

Analogous Color

#bf8518
```
#bf8518 rgb(191,133,24)
```
#18a6bf
```
#18a6bf rgb(24,166,191)
```
#bf1853
```
#bf1853 rgb(191,24,83)
```

Split Complementary Color

#a6bf18
```
#a6bf18 rgb(166,191,24)
```
#18a6bf
```
#18a6bf rgb(24,166,191)
```
#bf18a6
```
#bf18a6 rgb(191,24,166)
```

Triadic Color

#18bf31
```
#18bf31 rgb(24,191,49)
```
#18a6bf
```
#18a6bf rgb(24,166,191)
```
#bf18a6
```
#bf18a6 rgb(191,24,166)
```
#bf3118
```
#bf3118 rgb(191,49,24)
```

Tetradic Color

#0f6b7b
```
#0f6b7b rgb(15,107,123)
```
#127f92
```
#127f92 rgb(18,127,146)
```
#1592a8
```
#1592a8 rgb(21,146,168)
```
#18a6bf
```
#18a6bf rgb(24,166,191)
```
#1bbad6
```
#1bbad6 rgb(27,186,214)
```
#26c7e4
```
#26c7e4 rgb(38,199,228)
```
#3dcde7
```
#3dcde7 rgb(61,205,231)
```

Monochromatic Color

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

#18bfae
```
#18bfae rgb(24,191,174)
```
#18bfbc
```
#18bfbc rgb(24,191,188)
```
#18b4bf
```
#18b4bf rgb(24,180,191)
```
#18a6bf
```
#18a6bf rgb(24,166,191)
```
#1898bf
```
#1898bf rgb(24,152,191)
```
#188abf
```
#188abf rgb(24,138,191)
```
#187cbf
```
#187cbf rgb(24,124,191)
```

Similar Colors

Text with hexadecimal color #18a6bf

This text has a font color of #18a6bf.

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

#18a6bf background color

This paragraph has a background color of #18a6bf.

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

#18a6bf border color

This element has a border color of #18a6bf.

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

CSS codes

.text {color:#18a6bf;}

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

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

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

#020f11
```
#020f11 rgb(2,15,17)
```
#041e22
```
#041e22 rgb(4,30,34)
```
#062d34
```
#062d34 rgb(6,45,52)
```
#093c45
```
#093c45 rgb(9,60,69)
```
#0b4b56
```
#0b4b56 rgb(11,75,86)
```
#0d5a68
```
#0d5a68 rgb(13,90,104)
```
#0f6979
```
#0f6979 rgb(15,105,121)
```
#11798b
```
#11798b rgb(17,121,139)
```
#14889c
```
#14889c rgb(20,136,156)
```
#1697ae
```
#1697ae rgb(22,151,174)
```
#18a6bf
```
#18a6bf rgb(24,166,191)
```
#1ab5d0
```
#1ab5d0 rgb(26,181,208)
```
#1cc4e2
```
#1cc4e2 rgb(28,196,226)
```

Shade Color Variation

#2dc9e5
```
#2dc9e5 rgb(45,201,229)
```
#3fcee7
```
#3fcee7 rgb(63,206,231)
```
#50d2e9
```
#50d2e9 rgb(80,210,233)
```
#61d7eb
```
#61d7eb rgb(97,215,235)
```
#73dbed
```
#73dbed rgb(115,219,237)
```
#84e0f0
```
#84e0f0 rgb(132,224,240)
```
#96e4f2
```
#96e4f2 rgb(150,228,242)
```
#a7e8f4
```
#a7e8f4 rgb(167,232,244)
```
#b9edf6
```
#b9edf6 rgb(185,237,246)
```
#caf1f8
```
#caf1f8 rgb(202,241,248)
```
#dbf6fb
```
#dbf6fb rgb(219,246,251)
```
#edfafd
```
#edfafd rgb(237,250,253)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6b6c6c is the less saturated color, while #07b2d0 is the most saturated one.

#6b6c6c
```
#6b6c6c rgb(107,108,108)
```
#627275
```
#627275 rgb(98,114,117)
```
#5a787d
```
#5a787d rgb(90,120,125)
```
#527d85
```
#527d85 rgb(82,125,133)
```
#4a838d
```
#4a838d rgb(74,131,141)
```
#418996
```
#418996 rgb(65,137,150)
```
#398f9e
```
#398f9e rgb(57,143,158)
```
#3195a6
```
#3195a6 rgb(49,149,166)
```
#299aae
```
#299aae rgb(41,154,174)
```
#20a0b7
```
#20a0b7 rgb(32,160,183)
```
#18a6bf
```
#18a6bf rgb(24,166,191)
```
#10acc7
```
#10acc7 rgb(16,172,199)
```
#07b2d0
```
#07b2d0 rgb(7,178,208)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#6a868b Atypical Achromatopsia 0.001% of the population

Dichromacy

#969bb8 Protanopia 1% of men
#929ac8 Deuteranopia 1% of men
#00acb8 Tritanopia 0.001% of the population

Trichromacy

#689fbb Protanomaly 1% of men, 0.01% of women
#659ec5 Deuteranomaly 6% of men, 0.4% of women
#08a9bb Tritanomaly 0.01% of the population

#18a6bf hex color

#18a6bf Color Information

#18a6bf Color Conversion

Color Schemes with #18a6bf

Alternatives to #18a6bf

#18a6bf Preview

Shades and Tints of #18a6bf

Tones of #18a6bf

Color Blindness Simulator