#18a7bf hex color

In a RGB color space, hex #18a7bf is composed of 9.4% red, 65.5% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 87.4% cyan, 12.6% magenta, 0% yellow and 25.1% black. It has a hue angle of 188.6 degrees, a saturation of 77.7% and a lightness of 42.2%. #18a7bf color hex could be obtained by blending #30ffff with #004f7f. 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

● #18a7bf color description : Strong cyan.

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

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

CIE-LAB	63.003, -26.282, -22.235
XYZ	23.597, 31.591, 54.141
xyY	0.216, 0.289, 31.591
CIE-LCH	63.003, 34.426, 220.232
CIE-LUV	63.003, -44.887, -30.694
Hunter-Lab	56.206, -23.421, -17.768
Binary	00011000, 10100111, 10111111

#18a7bf
```
#18a7bf rgb(24,167,191)
```
#bf3018
```
#bf3018 rgb(191,48,24)
```

Complementary Color

#18bf84
```
#18bf84 rgb(24,191,132)
```
#18a7bf
```
#18a7bf rgb(24,167,191)
```
#1854bf
```
#1854bf rgb(24,84,191)
```

Analogous Color

#bf8418
```
#bf8418 rgb(191,132,24)
```
#18a7bf
```
#18a7bf rgb(24,167,191)
```
#bf1854
```
#bf1854 rgb(191,24,84)
```

Split Complementary Color

#a7bf18
```
#a7bf18 rgb(167,191,24)
```
#18a7bf
```
#18a7bf rgb(24,167,191)
```
#bf18a7
```
#bf18a7 rgb(191,24,167)
```

Triadic Color

#18bf30
```
#18bf30 rgb(24,191,48)
```
#18a7bf
```
#18a7bf rgb(24,167,191)
```
#bf18a7
```
#bf18a7 rgb(191,24,167)
```
#bf3018
```
#bf3018 rgb(191,48,24)
```

Tetradic Color

#0f6c7b
```
#0f6c7b rgb(15,108,123)
```
#127f92
```
#127f92 rgb(18,127,146)
```
#1593a8
```
#1593a8 rgb(21,147,168)
```
#18a7bf
```
#18a7bf rgb(24,167,191)
```
#1bbbd6
```
#1bbbd6 rgb(27,187,214)
```
#26c9e4
```
#26c9e4 rgb(38,201,228)
```
#3dcee7
```
#3dcee7 rgb(61,206,231)
```

Monochromatic Color

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

#18bfad
```
#18bfad rgb(24,191,173)
```
#18bfbb
```
#18bfbb rgb(24,191,187)
```
#18b5bf
```
#18b5bf rgb(24,181,191)
```
#18a7bf
```
#18a7bf rgb(24,167,191)
```
#1899bf
```
#1899bf rgb(24,153,191)
```
#188bbf
```
#188bbf rgb(24,139,191)
```
#187dbf
```
#187dbf rgb(24,125,191)
```

Similar Colors

Text with hexadecimal color #18a7bf

This text has a font color of #18a7bf.

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

#18a7bf background color

This paragraph has a background color of #18a7bf.

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

#18a7bf border color

This element has a border color of #18a7bf.

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

CSS codes

.text {color:#18a7bf;}

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

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

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)
```
#0b4c56
```
#0b4c56 rgb(11,76,86)
```
#0d5b68
```
#0d5b68 rgb(13,91,104)
```
#0f6a79
```
#0f6a79 rgb(15,106,121)
```
#11798b
```
#11798b rgb(17,121,139)
```
#14899c
```
#14899c rgb(20,137,156)
```
#1698ae
```
#1698ae rgb(22,152,174)
```
#18a7bf
```
#18a7bf rgb(24,167,191)
```
#1ab6d0
```
#1ab6d0 rgb(26,182,208)
```
#1cc5e2
```
#1cc5e2 rgb(28,197,226)
```

Shade Color Variation

#2dcae5
```
#2dcae5 rgb(45,202,229)
```
#3fcfe7
```
#3fcfe7 rgb(63,207,231)
```
#50d3e9
```
#50d3e9 rgb(80,211,233)
```
#61d7eb
```
#61d7eb rgb(97,215,235)
```
#73dced
```
#73dced rgb(115,220,237)
```
#84e0f0
```
#84e0f0 rgb(132,224,240)
```
#96e5f2
```
#96e5f2 rgb(150,229,242)
```
#a7e9f4
```
#a7e9f4 rgb(167,233,244)
```
#b9edf6
```
#b9edf6 rgb(185,237,246)
```
#caf2f8
```
#caf2f8 rgb(202,242,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 #07b3d0 is the most saturated one.

#6b6c6c
```
#6b6c6c rgb(107,108,108)
```
#627275
```
#627275 rgb(98,114,117)
```
#5a787d
```
#5a787d rgb(90,120,125)
```
#527e85
```
#527e85 rgb(82,126,133)
```
#4a848d
```
#4a848d rgb(74,132,141)
```
#418a96
```
#418a96 rgb(65,138,150)
```
#398f9e
```
#398f9e rgb(57,143,158)
```
#3195a6
```
#3195a6 rgb(49,149,166)
```
#299bae
```
#299bae rgb(41,155,174)
```
#20a1b7
```
#20a1b7 rgb(32,161,183)
```
#18a7bf
```
#18a7bf rgb(24,167,191)
```
#10adc7
```
#10adc7 rgb(16,173,199)
```
#07b3d0
```
#07b3d0 rgb(7,179,208)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#6a878c Atypical Achromatopsia 0.001% of the population

Dichromacy

#979cb8 Protanopia 1% of men
#939bc8 Deuteranopia 1% of men
#00adb9 Tritanopia 0.001% of the population

Trichromacy

#69a0bb Protanomaly 1% of men, 0.01% of women
#669fc5 Deuteranomaly 6% of men, 0.4% of women
#08aabb Tritanomaly 0.01% of the population

#18a7bf hex color

#18a7bf Color Information

#18a7bf Color Conversion

Color Schemes with #18a7bf

Alternatives to #18a7bf

#18a7bf Preview

Shades and Tints of #18a7bf

Tones of #18a7bf

Color Blindness Simulator