#18bbec hex color

In a RGB color space, hex #18bbec is composed of 9.4% red, 73.3% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 89.8% cyan, 20.8% magenta, 0% yellow and 7.5% black. It has a hue angle of 193.9 degrees, a saturation of 84.8% and a lightness of 51%. #18bbec color hex could be obtained by blending #30ffff with #0077d9. Closest websafe color is: #00ccff.

♥
- f
- t
- g
- R 9
- G 73
- B 93
RGB color chart
- C 90
- M 21
- Y 0
- K 7
CMYK color chart

● #18bbec color description : Vivid cyan.

The hexadecimal color #18bbec has RGB values of R:24, G:187, B:236 and CMYK values of C:0.9, M:0.21, Y:0, K:0.07. Its decimal value is 1620972.

Hex triplet	18bbec	`#18bbec`
RGB Decimal	24, 187, 236	`rgb(24,187,236)`
RGB Percent	9.4, 73.3, 92.5	`rgb(9.4%,73.3%,92.5%)`
CMYK	90, 21, 0, 7
HSL	193.9°, 84.8, 51	`hsl(193.9,84.8%,51%)`
HSV (or HSB)	193.9°, 89.8, 92.5
Web Safe	00ccff	`#00ccff`

CIE-LAB	70.724, -21.387, -35.108
XYZ	33.283, 41.788, 85.664
xyY	0.207, 0.26, 41.788
CIE-LCH	70.724, 41.11, 238.651
CIE-LUV	70.724, -48.426, -53.553
Hunter-Lab	64.643, -21.221, -33.319
Binary	00011000, 10111011, 11101100

#18bbec
```
#18bbec rgb(24,187,236)
```
#ec4918
```
#ec4918 rgb(236,73,24)
```

Complementary Color

#18ecb3
```
#18ecb3 rgb(24,236,179)
```
#18bbec
```
#18bbec rgb(24,187,236)
```
#1851ec
```
#1851ec rgb(24,81,236)
```

Analogous Color

#ecb318
```
#ecb318 rgb(236,179,24)
```
#18bbec
```
#18bbec rgb(24,187,236)
```
#ec1851
```
#ec1851 rgb(236,24,81)
```

Split Complementary Color

#bbec18
```
#bbec18 rgb(187,236,24)
```
#18bbec
```
#18bbec rgb(24,187,236)
```
#ec18bb
```
#ec18bb rgb(236,24,187)
```

Triadic Color

#18ec49
```
#18ec49 rgb(24,236,73)
```
#18bbec
```
#18bbec rgb(24,187,236)
```
#ec18bb
```
#ec18bb rgb(236,24,187)
```
#ec4918
```
#ec4918 rgb(236,73,24)
```

Tetradic Color

#0e86aa
```
#0e86aa rgb(14,134,170)
```
#1098c1
```
#1098c1 rgb(16,152,193)
```
#12abd9
```
#12abd9 rgb(18,171,217)
```
#18bbec
```
#18bbec rgb(24,187,236)
```
#30c2ee
```
#30c2ee rgb(48,194,238)
```
#47c9f0
```
#47c9f0 rgb(71,201,240)
```
#5fd0f2
```
#5fd0f2 rgb(95,208,242)
```

Monochromatic Color

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

#18ece8
```
#18ece8 rgb(24,236,232)
```
#18deec
```
#18deec rgb(24,222,236)
```
#18cdec
```
#18cdec rgb(24,205,236)
```
#18bbec
```
#18bbec rgb(24,187,236)
```
#18a9ec
```
#18a9ec rgb(24,169,236)
```
#1898ec
```
#1898ec rgb(24,152,236)
```
#1886ec
```
#1886ec rgb(24,134,236)
```

Similar Colors

Text with hexadecimal color #18bbec

This text has a font color of #18bbec.

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

#18bbec background color

This paragraph has a background color of #18bbec.

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

#18bbec border color

This element has a border color of #18bbec.

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

CSS codes

.text {color:#18bbec;}

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

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

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

#000405
```
#000405 rgb(0,4,5)
```
#021217
```
#021217 rgb(2,18,23)
```
#032029
```
#032029 rgb(3,32,41)
```
#052e3b
```
#052e3b rgb(5,46,59)
```
#063d4d
```
#063d4d rgb(6,61,77)
```
#084b5f
```
#084b5f rgb(8,75,95)
```
#095971
```
#095971 rgb(9,89,113)
```
#0b6883
```
#0b6883 rgb(11,104,131)
```
#0c7696
```
#0c7696 rgb(12,118,150)
```
#0e84a8
```
#0e84a8 rgb(14,132,168)
```
#0f92ba
```
#0f92ba rgb(15,146,186)
```
#11a1cc
```
#11a1cc rgb(17,161,204)
```
#12afde
```
#12afde rgb(18,175,222)
```

Shade Color Variation

#18bbec
```
#18bbec rgb(24,187,236)
```
#2ac0ed
```
#2ac0ed rgb(42,192,237)
```
#3cc6ef
```
#3cc6ef rgb(60,198,239)
```
#4ecbf0
```
#4ecbf0 rgb(78,203,240)
```
#60d0f2
```
#60d0f2 rgb(96,208,242)
```
#73d6f3
```
#73d6f3 rgb(115,214,243)
```
#85dbf5
```
#85dbf5 rgb(133,219,245)
```
#97e0f6
```
#97e0f6 rgb(151,224,246)
```
#a9e6f8
```
#a9e6f8 rgb(169,230,248)
```
#bbebf9
```
#bbebf9 rgb(187,235,249)
```
#cdf0fb
```
#cdf0fb rgb(205,240,251)
```
#dff6fc
```
#dff6fc rgb(223,246,252)
```
#f1fbfe
```
#f1fbfe rgb(241,251,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #828282 is the less saturated color, while #0ec0f6 is the most saturated one.

#828282
```
#828282 rgb(130,130,130)
```
#78878c
```
#78878c rgb(120,135,140)
```
#6f8c95
```
#6f8c95 rgb(111,140,149)
```
#65929f
```
#65929f rgb(101,146,159)
```
#5b97a9
```
#5b97a9 rgb(91,151,169)
```
#529cb2
```
#529cb2 rgb(82,156,178)
```
#48a1bc
```
#48a1bc rgb(72,161,188)
```
#3ea6c6
```
#3ea6c6 rgb(62,166,198)
```
#35abcf
```
#35abcf rgb(53,171,207)
```
#2bb1d9
```
#2bb1d9 rgb(43,177,217)
```
#22b6e2
```
#22b6e2 rgb(34,182,226)
```
#18bbec
```
#18bbec rgb(24,187,236)
```
#0ec0f6
```
#0ec0f6 rgb(14,192,246)
```

Tone Color Variation

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

#909090 Achromatopsia 0.005% of the population
#7899a2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a2afe2 Protanopia 1% of men
#97aff2 Deuteranopia 1% of men
#00c2d0 Tritanopia 0.001% of the population

Trichromacy

#70b3e6 Protanomaly 1% of men, 0.01% of women
#69b3f0 Deuteranomaly 6% of men, 0.4% of women
#08bfda Tritanomaly 0.01% of the population

#18bbec hex color

#18bbec Color Information

#18bbec Color Conversion

Color Schemes with #18bbec

Alternatives to #18bbec

#18bbec Preview

Shades and Tints of #18bbec

Tones of #18bbec

Color Blindness Simulator