#18b2bf hex color

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

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

● #18b2bf color description : Strong cyan.

The hexadecimal color #18b2bf has RGB values of R:24, G:178, B:191 and CMYK values of C:0.87, M:0.07, Y:0, K:0.25. Its decimal value is 1618623.

Hex triplet	18b2bf	`#18b2bf`
RGB Decimal	24, 178, 191	`rgb(24,178,191)`
RGB Percent	9.4, 69.8, 74.9	`rgb(9.4%,69.8%,74.9%)`
CMYK	87, 7, 0, 25
HSL	184.7°, 77.7, 42.2	`hsl(184.7,77.7%,42.2%)`
HSV (or HSB)	184.7°, 87.4, 74.9
Web Safe	0099cc	`#0099cc`

CIE-LAB	66.362, -31.695, -17.124
XYZ	25.698, 35.794, 54.842
xyY	0.221, 0.308, 35.794
CIE-LCH	66.362, 36.025, 208.382
CIE-LUV	66.362, -48.719, -21.827
Hunter-Lab	59.828, -28.027, -12.469
Binary	00011000, 10110010, 10111111

#18b2bf
```
#18b2bf rgb(24,178,191)
```
#bf2518
```
#bf2518 rgb(191,37,24)
```

Complementary Color

#18bf79
```
#18bf79 rgb(24,191,121)
```
#18b2bf
```
#18b2bf rgb(24,178,191)
```
#185fbf
```
#185fbf rgb(24,95,191)
```

Analogous Color

#bf7918
```
#bf7918 rgb(191,121,24)
```
#18b2bf
```
#18b2bf rgb(24,178,191)
```
#bf185f
```
#bf185f rgb(191,24,95)
```

Split Complementary Color

#b2bf18
```
#b2bf18 rgb(178,191,24)
```
#18b2bf
```
#18b2bf rgb(24,178,191)
```
#bf18b2
```
#bf18b2 rgb(191,24,178)
```

Triadic Color

#18bf25
```
#18bf25 rgb(24,191,37)
```
#18b2bf
```
#18b2bf rgb(24,178,191)
```
#bf18b2
```
#bf18b2 rgb(191,24,178)
```
#bf2518
```
#bf2518 rgb(191,37,24)
```

Tetradic Color

#0f737b
```
#0f737b rgb(15,115,123)
```
#128892
```
#128892 rgb(18,136,146)
```
#159da8
```
#159da8 rgb(21,157,168)
```
#18b2bf
```
#18b2bf rgb(24,178,191)
```
#1bc7d6
```
#1bc7d6 rgb(27,199,214)
```
#26d5e4
```
#26d5e4 rgb(38,213,228)
```
#3dd9e7
```
#3dd9e7 rgb(61,217,231)
```

Monochromatic Color

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

#18bfa2
```
#18bfa2 rgb(24,191,162)
```
#18bfb0
```
#18bfb0 rgb(24,191,176)
```
#18bfbe
```
#18bfbe rgb(24,191,190)
```
#18b2bf
```
#18b2bf rgb(24,178,191)
```
#18a4bf
```
#18a4bf rgb(24,164,191)
```
#1896bf
```
#1896bf rgb(24,150,191)
```
#1888bf
```
#1888bf rgb(24,136,191)
```

Similar Colors

Text with hexadecimal color #18b2bf

This text has a font color of #18b2bf.

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

#18b2bf background color

This paragraph has a background color of #18b2bf.

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

#18b2bf border color

This element has a border color of #18b2bf.

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

CSS codes

.text {color:#18b2bf;}

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

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

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

#021011
```
#021011 rgb(2,16,17)
```
#042022
```
#042022 rgb(4,32,34)
```
#063034
```
#063034 rgb(6,48,52)
```
#094045
```
#094045 rgb(9,64,69)
```
#0b5156
```
#0b5156 rgb(11,81,86)
```
#0d6168
```
#0d6168 rgb(13,97,104)
```
#0f7179
```
#0f7179 rgb(15,113,121)
```
#11818b
```
#11818b rgb(17,129,139)
```
#14929c
```
#14929c rgb(20,146,156)
```
#16a2ae
```
#16a2ae rgb(22,162,174)
```
#18b2bf
```
#18b2bf rgb(24,178,191)
```
#1ac2d0
```
#1ac2d0 rgb(26,194,208)
```
#1cd2e2
```
#1cd2e2 rgb(28,210,226)
```

Shade Color Variation

#2dd6e5
```
#2dd6e5 rgb(45,214,229)
```
#3fdae7
```
#3fdae7 rgb(63,218,231)
```
#50dde9
```
#50dde9 rgb(80,221,233)
```
#61e0eb
```
#61e0eb rgb(97,224,235)
```
#73e4ed
```
#73e4ed rgb(115,228,237)
```
#84e7f0
```
#84e7f0 rgb(132,231,240)
```
#96ebf2
```
#96ebf2 rgb(150,235,242)
```
#a7eef4
```
#a7eef4 rgb(167,238,244)
```
#b9f1f6
```
#b9f1f6 rgb(185,241,246)
```
#caf5f8
```
#caf5f8 rgb(202,245,248)
```
#dbf8fb
```
#dbf8fb rgb(219,248,251)
```
#edfbfd
```
#edfbfd rgb(237,251,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 #07c0d0 is the most saturated one.

#6b6c6c
```
#6b6c6c rgb(107,108,108)
```
#627375
```
#627375 rgb(98,115,117)
```
#5a7a7d
```
#5a7a7d rgb(90,122,125)
```
#528185
```
#528185 rgb(82,129,133)
```
#4a888d
```
#4a888d rgb(74,136,141)
```
#418f96
```
#418f96 rgb(65,143,150)
```
#39969e
```
#39969e rgb(57,150,158)
```
#319da6
```
#319da6 rgb(49,157,166)
```
#29a4ae
```
#29a4ae rgb(41,164,174)
```
#20abb7
```
#20abb7 rgb(32,171,183)
```
#18b2bf
```
#18b2bf rgb(24,178,191)
```
#10b9c7
```
#10b9c7 rgb(16,185,199)
```
#07c0d0
```
#07c0d0 rgb(7,192,208)
```

Tone Color Variation

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

#858585 Achromatopsia 0.005% of the population
#6f8e91 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a3a5b8 Protanopia 1% of men
#a2a3c9 Deuteranopia 1% of men
#25b5c3 Tritanopia 0.001% of the population

Trichromacy

#70a9ba Protanomaly 1% of men, 0.01% of women
#70a8c5 Deuteranomaly 6% of men, 0.4% of women
#20b4c1 Tritanomaly 0.01% of the population

#18b2bf hex color

#18b2bf Color Information

#18b2bf Color Conversion

Color Schemes with #18b2bf

Alternatives to #18b2bf

#18b2bf Preview

Shades and Tints of #18b2bf

Tones of #18b2bf

Color Blindness Simulator