#18b3bf hex color

In a RGB color space, hex #18b3bf is composed of 9.4% red, 70.2% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 87.4% cyan, 6.3% magenta, 0% yellow and 25.1% black. It has a hue angle of 184.3 degrees, a saturation of 77.7% and a lightness of 42.2%. #18b3bf color hex could be obtained by blending #30ffff with #00677f. Closest websafe color is: #00cccc.

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

● #18b3bf color description : Strong cyan.

The hexadecimal color #18b3bf has RGB values of R:24, G:179, B:191 and CMYK values of C:0.87, M:0.06, Y:0, K:0.25. Its decimal value is 1618879.

Hex triplet	18b3bf	`#18b3bf`
RGB Decimal	24, 179, 191	`rgb(24,179,191)`
RGB Percent	9.4, 70.2, 74.9	`rgb(9.4%,70.2%,74.9%)`
CMYK	87, 6, 0, 25
HSL	184.3°, 77.7, 42.2	`hsl(184.3,77.7%,42.2%)`
HSV (or HSB)	184.3°, 87.4, 74.9
Web Safe	00cccc	`#00cccc`

CIE-LAB	66.667, -32.175, -16.663
XYZ	25.898, 36.193, 54.908
xyY	0.221, 0.309, 36.193
CIE-LCH	66.667, 36.234, 207.378
CIE-LUV	66.667, -49.067, -21.026
Hunter-Lab	60.161, -28.441, -12.001
Binary	00011000, 10110011, 10111111

#18b3bf
```
#18b3bf rgb(24,179,191)
```
#bf2418
```
#bf2418 rgb(191,36,24)
```

Complementary Color

#18bf78
```
#18bf78 rgb(24,191,120)
```
#18b3bf
```
#18b3bf rgb(24,179,191)
```
#185fbf
```
#185fbf rgb(24,95,191)
```

Analogous Color

#bf7818
```
#bf7818 rgb(191,120,24)
```
#18b3bf
```
#18b3bf rgb(24,179,191)
```
#bf1860
```
#bf1860 rgb(191,24,96)
```

Split Complementary Color

#b3bf18
```
#b3bf18 rgb(179,191,24)
```
#18b3bf
```
#18b3bf rgb(24,179,191)
```
#bf18b3
```
#bf18b3 rgb(191,24,179)
```

Triadic Color

#18bf24
```
#18bf24 rgb(24,191,36)
```
#18b3bf
```
#18b3bf rgb(24,179,191)
```
#bf18b3
```
#bf18b3 rgb(191,24,179)
```
#bf2418
```
#bf2418 rgb(191,36,24)
```

Tetradic Color

#0f737b
```
#0f737b rgb(15,115,123)
```
#128992
```
#128992 rgb(18,137,146)
```
#159ea8
```
#159ea8 rgb(21,158,168)
```
#18b3bf
```
#18b3bf rgb(24,179,191)
```
#1bc8d6
```
#1bc8d6 rgb(27,200,214)
```
#26d6e4
```
#26d6e4 rgb(38,214,228)
```
#3ddae7
```
#3ddae7 rgb(61,218,231)
```

Monochromatic Color

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

#18bfa1
```
#18bfa1 rgb(24,191,161)
```
#18bfaf
```
#18bfaf rgb(24,191,175)
```
#18bfbd
```
#18bfbd rgb(24,191,189)
```
#18b3bf
```
#18b3bf rgb(24,179,191)
```
#18a5bf
```
#18a5bf rgb(24,165,191)
```
#1897bf
```
#1897bf rgb(24,151,191)
```
#1889bf
```
#1889bf rgb(24,137,191)
```

Similar Colors

Text with hexadecimal color #18b3bf

This text has a font color of #18b3bf.

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

#18b3bf background color

This paragraph has a background color of #18b3bf.

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

#18b3bf border color

This element has a border color of #18b3bf.

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

CSS codes

.text {color:#18b3bf;}

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

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

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)
```
#094145
```
#094145 rgb(9,65,69)
```
#0b5156
```
#0b5156 rgb(11,81,86)
```
#0d6168
```
#0d6168 rgb(13,97,104)
```
#0f7279
```
#0f7279 rgb(15,114,121)
```
#11828b
```
#11828b rgb(17,130,139)
```
#14929c
```
#14929c rgb(20,146,156)
```
#16a3ae
```
#16a3ae rgb(22,163,174)
```
#18b3bf
```
#18b3bf rgb(24,179,191)
```
#1ac3d0
```
#1ac3d0 rgb(26,195,208)
```
#1cd4e2
```
#1cd4e2 rgb(28,212,226)
```

Shade Color Variation

#2dd7e5
```
#2dd7e5 rgb(45,215,229)
```
#3fdbe7
```
#3fdbe7 rgb(63,219,231)
```
#50dee9
```
#50dee9 rgb(80,222,233)
```
#61e1eb
```
#61e1eb rgb(97,225,235)
```
#73e5ed
```
#73e5ed rgb(115,229,237)
```
#84e8f0
```
#84e8f0 rgb(132,232,240)
```
#96ebf2
```
#96ebf2 rgb(150,235,242)
```
#a7eef4
```
#a7eef4 rgb(167,238,244)
```
#b9f2f6
```
#b9f2f6 rgb(185,242,246)
```
#caf5f8
```
#caf5f8 rgb(202,245,248)
```
#dbf8fb
```
#dbf8fb rgb(219,248,251)
```
#edfcfd
```
#edfcfd rgb(237,252,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 #07c1d0 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)
```
#4a898d
```
#4a898d rgb(74,137,141)
```
#419096
```
#419096 rgb(65,144,150)
```
#39979e
```
#39979e rgb(57,151,158)
```
#319ea6
```
#319ea6 rgb(49,158,166)
```
#29a5ae
```
#29a5ae rgb(41,165,174)
```
#20acb7
```
#20acb7 rgb(32,172,183)
```
#18b3bf
```
#18b3bf rgb(24,179,191)
```
#10bac7
```
#10bac7 rgb(16,186,199)
```
#07c1d0
```
#07c1d0 rgb(7,193,208)
```

Tone Color Variation

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

#868686 Achromatopsia 0.005% of the population
#708f91 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a4a5b8 Protanopia 1% of men
#a3a3c9 Deuteranopia 1% of men
#27b6c4 Tritanopia 0.001% of the population

Trichromacy

#71aaba Protanomaly 1% of men, 0.01% of women
#71a9c5 Deuteranomaly 6% of men, 0.4% of women
#21b5c2 Tritanomaly 0.01% of the population

#18b3bf hex color

#18b3bf Color Information

#18b3bf Color Conversion

Color Schemes with #18b3bf

Alternatives to #18b3bf

#18b3bf Preview

Shades and Tints of #18b3bf

Tones of #18b3bf

Color Blindness Simulator