colorhexa.com

#18cceb hex color

In a RGB color space, hex #18cceb is composed of 9.4% red, 80% green and 92.2% blue. Whereas in a CMYK color space, it is composed of 89.8% cyan, 13.2% magenta, 0% yellow and 7.8% black. It has a hue angle of 188.8 degrees, a saturation of 84.1% and a lightness of 50.8%. #18cceb color hex could be obtained by blending #30ffff with #0099d7. Closest websafe color is: #00ccff.

- R 9
- G 80
- B 92
RGB color chart
- C 90
- M 13
- Y 0
- K 8
CMYK color chart

● #18cceb color description : Vivid cyan.

The hexadecimal color #18cceb has RGB values of R:24, G:204, B:235 and CMYK values of C:0.9, M:0.13, Y:0, K:0.08. Its decimal value is 1625323.

Hex triplet	18cceb	`#18cceb`
RGB Decimal	24, 204, 235	`rgb(24,204,235)`
RGB Percent	9.4, 80, 92.2	`rgb(9.4%,80%,92.2%)`
CMYK	90, 13, 0, 8
HSL	188.8°, 84.1, 50.8	`hsl(188.8,84.1%,50.8%)`
HSV (or HSB)	188.8°, 89.8, 92.2
Web Safe	00ccff	`#00ccff`

CIE-LAB	75.684, -30.235, -26.924
XYZ	36.961, 49.374, 86.175
xyY	0.214, 0.286, 49.374
CIE-LCH	75.684, 40.485, 221.685
CIE-LUV	75.684, -54.26, -38.814
Hunter-Lab	70.267, -29.075, -23.526
Binary	00011000, 11001100, 11101011

#18cceb
```
#18cceb rgb(24,204,235)
```
#eb3718
```
#eb3718 rgb(235,55,24)
```

Complementary Color

#18eba1
```
#18eba1 rgb(24,235,161)
```
#18cceb
```
#18cceb rgb(24,204,235)
```
#1863eb
```
#1863eb rgb(24,99,235)
```

Analogous Color

#eba118
```
#eba118 rgb(235,161,24)
```
#18cceb
```
#18cceb rgb(24,204,235)
```
#eb1863
```
#eb1863 rgb(235,24,99)
```

Split Complementary Color

#cceb18
```
#cceb18 rgb(204,235,24)
```
#18cceb
```
#18cceb rgb(24,204,235)
```
#eb18cc
```
#eb18cc rgb(235,24,204)
```

Triadic Color

#18eb37
```
#18eb37 rgb(24,235,55)
```
#18cceb
```
#18cceb rgb(24,204,235)
```
#eb18cc
```
#eb18cc rgb(235,24,204)
```
#eb3718
```
#eb3718 rgb(235,55,24)
```

Tetradic Color

#0f91a8
```
#0f91a8 rgb(15,145,168)
```
#11a6bf
```
#11a6bf rgb(17,166,191)
```
#13bad7
```
#13bad7 rgb(19,186,215)
```
#18cceb
```
#18cceb rgb(24,204,235)
```
#2fd1ed
```
#2fd1ed rgb(47,209,237)
```
#47d6ef
```
#47d6ef rgb(71,214,239)
```
#5edcf1
```
#5edcf1 rgb(94,220,241)
```

Monochromatic Color

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

#18ebd5
```
#18ebd5 rgb(24,235,213)
```
#18ebe7
```
#18ebe7 rgb(24,235,231)
```
#18deeb
```
#18deeb rgb(24,222,235)
```
#18cceb
```
#18cceb rgb(24,204,235)
```
#18baeb
```
#18baeb rgb(24,186,235)
```
#18a9eb
```
#18a9eb rgb(24,169,235)
```
#1897eb
```
#1897eb rgb(24,151,235)
```

Similar Colors

Text with hexadecimal color #18cceb

This text has a font color of #18cceb.

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

#18cceb background color

This paragraph has a background color of #18cceb.

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

#18cceb border color

This element has a border color of #18cceb.

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

CSS codes

.text {color:#18cceb;}

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

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

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

#000304
```
#000304 rgb(0,3,4)
```
#021316
```
#021316 rgb(2,19,22)
```
#032228
```
#032228 rgb(3,34,40)
```
#05323a
```
#05323a rgb(5,50,58)
```
#07424c
```
#07424c rgb(7,66,76)
```
#08515e
```
#08515e rgb(8,81,94)
```
#0a6170
```
#0a6170 rgb(10,97,112)
```
#0b7182
```
#0b7182 rgb(11,113,130)
```
#0d8094
```
#0d8094 rgb(13,128,148)
```
#0e90a6
```
#0e90a6 rgb(14,144,166)
```
#109fb8
```
#109fb8 rgb(16,159,184)
```
#12afca
```
#12afca rgb(18,175,202)
```
#13bfdc
```
#13bfdc rgb(19,191,220)
```

Shade Color Variation

#18cceb
```
#18cceb rgb(24,204,235)
```
#2ad0ed
```
#2ad0ed rgb(42,208,237)
```
#3cd4ee
```
#3cd4ee rgb(60,212,238)
```
#4ed8f0
```
#4ed8f0 rgb(78,216,240)
```
#60dcf1
```
#60dcf1 rgb(96,220,241)
```
#72e0f3
```
#72e0f3 rgb(114,224,243)
```
#84e4f4
```
#84e4f4 rgb(132,228,244)
```
#96e8f6
```
#96e8f6 rgb(150,232,246)
```
#a8ecf8
```
#a8ecf8 rgb(168,236,248)
```
#baf0f9
```
#baf0f9 rgb(186,240,249)
```
#cdf4fb
```
#cdf4fb rgb(205,244,251)
```
#dff8fc
```
#dff8fc rgb(223,248,252)
```
#f1fcfe
```
#f1fcfe rgb(241,252,254)
```

Tint Color Variation

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

#79888a
```
#79888a rgb(121,136,138)
```
#6f8f94
```
#6f8f94 rgb(111,143,148)
```
#65959e
```
#65959e rgb(101,149,158)
```
#5c9ca7
```
#5c9ca7 rgb(92,156,167)
```
#52a3b1
```
#52a3b1 rgb(82,163,177)
```
#48aabb
```
#48aabb rgb(72,170,187)
```
#3fb1c4
```
#3fb1c4 rgb(63,177,196)
```
#35b8ce
```
#35b8ce rgb(53,184,206)
```
#2bbed8
```
#2bbed8 rgb(43,190,216)
```
#22c5e1
```
#22c5e1 rgb(34,197,225)
```
#18cceb
```
#18cceb rgb(24,204,235)
```
#0ed3f5
```
#0ed3f5 rgb(14,211,245)
```
#05dafe
```
#05dafe rgb(5,218,254)
```

Tone Color Variation

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

#9a9a9a Achromatopsia 0.005% of the population
#80a4aa Atypical Achromatopsia 0.001% of the population

Dichromacy

#b5bce0 Protanopia 1% of men
#b0bbf3 Deuteranopia 1% of men
#00d0df Tritanopia 0.001% of the population

Trichromacy

#7cc2e4 Protanomaly 1% of men, 0.01% of women
#79c1f0 Deuteranomaly 6% of men, 0.4% of women
#08cee3 Tritanomaly 0.01% of the population