#18bbda hex color

In a RGB color space, hex #18bbda is composed of 9.4% red, 73.3% green and 85.5% blue. Whereas in a CMYK color space, it is composed of 89% cyan, 14.2% magenta, 0% yellow and 14.5% black. It has a hue angle of 189.6 degrees, a saturation of 80.2% and a lightness of 47.5%. #18bbda color hex could be obtained by blending #30ffff with #0077b5. Closest websafe color is: #00cccc.

♥
- f
- t
- g
- R 9
- G 73
- B 85
RGB color chart
- C 89
- M 14
- Y 0
- K 15
CMYK color chart

● #18bbda color description : Vivid cyan.

The hexadecimal color #18bbda has RGB values of R:24, G:187, B:218 and CMYK values of C:0.89, M:0.14, Y:0, K:0.15. Its decimal value is 1620954.

Hex triplet	18bbda	`#18bbda`
RGB Decimal	24, 187, 218	`rgb(24,187,218)`
RGB Percent	9.4, 73.3, 85.5	`rgb(9.4%,73.3%,85.5%)`
CMYK	89, 14, 0, 15
HSL	189.6°, 80.2, 47.5	`hsl(189.6,80.2%,47.5%)`
HSV (or HSB)	189.6°, 89, 85.5
Web Safe	00cccc	`#00cccc`

CIE-LAB	70.031, -27.398, -26.377
XYZ	30.798, 40.794, 72.577
xyY	0.214, 0.283, 40.794
CIE-LCH	70.031, 38.031, 223.912
CIE-LUV	70.031, -49.766, -37.91
Hunter-Lab	63.87, -25.699, -22.663
Binary	00011000, 10111011, 11011010

#18bbda
```
#18bbda rgb(24,187,218)
```
#da3718
```
#da3718 rgb(218,55,24)
```

Complementary Color

#18da98
```
#18da98 rgb(24,218,152)
```
#18bbda
```
#18bbda rgb(24,187,218)
```
#185ada
```
#185ada rgb(24,90,218)
```

Analogous Color

#da9818
```
#da9818 rgb(218,152,24)
```
#18bbda
```
#18bbda rgb(24,187,218)
```
#da185a
```
#da185a rgb(218,24,90)
```

Split Complementary Color

#bbda18
```
#bbda18 rgb(187,218,24)
```
#18bbda
```
#18bbda rgb(24,187,218)
```
#da18bb
```
#da18bb rgb(218,24,187)
```

Triadic Color

#18da37
```
#18da37 rgb(24,218,55)
```
#18bbda
```
#18bbda rgb(24,187,218)
```
#da18bb
```
#da18bb rgb(218,24,187)
```
#da3718
```
#da3718 rgb(218,55,24)
```

Tetradic Color

#108095
```
#108095 rgb(16,128,149)
```
#1394ac
```
#1394ac rgb(19,148,172)
```
#15a7c3
```
#15a7c3 rgb(21,167,195)
```
#18bbda
```
#18bbda rgb(24,187,218)
```
#25c8e7
```
#25c8e7 rgb(37,200,231)
```
#3ccee9
```
#3ccee9 rgb(60,206,233)
```
#52d3ec
```
#52d3ec rgb(82,211,236)
```

Monochromatic Color

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

#18dac9
```
#18dac9 rgb(24,218,201)
```
#18dad9
```
#18dad9 rgb(24,218,217)
```
#18cbda
```
#18cbda rgb(24,203,218)
```
#18bbda
```
#18bbda rgb(24,187,218)
```
#18abda
```
#18abda rgb(24,171,218)
```
#189bda
```
#189bda rgb(24,155,218)
```
#188bda
```
#188bda rgb(24,139,218)
```

Similar Colors

Text with hexadecimal color #18bbda

This text has a font color of #18bbda.

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

#18bbda background color

This paragraph has a background color of #18bbda.

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

#18bbda border color

This element has a border color of #18bbda.

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

CSS codes

.text {color:#18bbda;}

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

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

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

#010506
```
#010506 rgb(1,5,6)
```
#031418
```
#031418 rgb(3,20,24)
```
#052329
```
#052329 rgb(5,35,41)
```
#06333b
```
#06333b rgb(6,51,59)
```
#08424d
```
#08424d rgb(8,66,77)
```
#0a515e
```
#0a515e rgb(10,81,94)
```
#0c6070
```
#0c6070 rgb(12,96,112)
```
#0e6f82
```
#0e6f82 rgb(14,111,130)
```
#107e93
```
#107e93 rgb(16,126,147)
```
#128ea5
```
#128ea5 rgb(18,142,165)
```
#149db7
```
#149db7 rgb(20,157,183)
```
#16acc8
```
#16acc8 rgb(22,172,200)
```
#18bbda
```
#18bbda rgb(24,187,218)
```

Shade Color Variation

#1fc7e6
```
#1fc7e6 rgb(31,199,230)
```
#31cbe8
```
#31cbe8 rgb(49,203,232)
```
#43cfea
```
#43cfea rgb(67,207,234)
```
#54d4ec
```
#54d4ec rgb(84,212,236)
```
#66d8ee
```
#66d8ee rgb(102,216,238)
```
#78ddf0
```
#78ddf0 rgb(120,221,240)
```
#89e1f2
```
#89e1f2 rgb(137,225,242)
```
#9be6f4
```
#9be6f4 rgb(155,230,244)
```
#adeaf6
```
#adeaf6 rgb(173,234,246)
```
#beeff8
```
#beeff8 rgb(190,239,248)
```
#d0f3fa
```
#d0f3fa rgb(208,243,250)
```
#e2f8fc
```
#e2f8fc rgb(226,248,252)
```
#f3fcfe
```
#f3fcfe rgb(243,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #757c7d is the less saturated color, while #05c8ed is the most saturated one.

#757c7d
```
#757c7d rgb(117,124,125)
```
#6c8286
```
#6c8286 rgb(108,130,134)
```
#628890
```
#628890 rgb(98,136,144)
```
#598f99
```
#598f99 rgb(89,143,153)
```
#5095a2
```
#5095a2 rgb(80,149,162)
```
#479bab
```
#479bab rgb(71,155,171)
```
#3da2b5
```
#3da2b5 rgb(61,162,181)
```
#34a8be
```
#34a8be rgb(52,168,190)
```
#2baec7
```
#2baec7 rgb(43,174,199)
```
#21b5d1
```
#21b5d1 rgb(33,181,209)
```
#18bbda
```
#18bbda rgb(24,187,218)
```
#0fc1e3
```
#0fc1e3 rgb(15,193,227)
```
#05c8ed
```
#05c8ed rgb(5,200,237)
```

Tone Color Variation

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

#8e8e8e Achromatopsia 0.005% of the population
#76979d Atypical Achromatopsia 0.001% of the population

Dichromacy

#a7add1 Protanopia 1% of men
#a1ade2 Deuteranopia 1% of men
#00c0ce Tritanopia 0.001% of the population

Trichromacy

#73b2d4 Protanomaly 1% of men, 0.01% of women
#6fb2df Deuteranomaly 6% of men, 0.4% of women
#08bed2 Tritanomaly 0.01% of the population

#18bbda hex color

#18bbda Color Information

#18bbda Color Conversion

Color Schemes with #18bbda

Alternatives to #18bbda

#18bbda Preview

Shades and Tints of #18bbda

Tones of #18bbda

Color Blindness Simulator