#18bece hex color

In a RGB color space, hex #18bece is composed of 9.4% red, 74.5% green and 80.8% blue. Whereas in a CMYK color space, it is composed of 88.3% cyan, 7.8% magenta, 0% yellow and 19.2% black. It has a hue angle of 185.3 degrees, a saturation of 79.1% and a lightness of 45.1%. #18bece color hex could be obtained by blending #30ffff with #007d9d. Closest websafe color is: #00cccc.

♥
- f
- t
- g
- R 9
- G 75
- B 81
RGB color chart
- C 88
- M 8
- Y 0
- K 19
CMYK color chart

● #18bece color description : Strong cyan.

The hexadecimal color #18bece has RGB values of R:24, G:190, B:206 and CMYK values of C:0.88, M:0.08, Y:0, K:0.19. Its decimal value is 1621710.

Hex triplet	18bece	`#18bece`
RGB Decimal	24, 190, 206	`rgb(24,190,206)`
RGB Percent	9.4, 74.5, 80.8	`rgb(9.4%,74.5%,80.8%)`
CMYK	88, 8, 0, 19
HSL	185.3°, 79.1, 45.1	`hsl(185.3,79.1%,45.1%)`
HSV (or HSB)	185.3°, 88.3, 80.8
Web Safe	00cccc	`#00cccc`

CIE-LAB	70.507, -32.717, -19.094
XYZ	29.927, 41.474, 64.817
xyY	0.22, 0.304, 41.474
CIE-LCH	70.507, 37.881, 210.268
CIE-LUV	70.507, -51.715, -25.094
Hunter-Lab	64.401, -29.751, -14.593
Binary	00011000, 10111110, 11001110

#18bece
```
#18bece rgb(24,190,206)
```
#ce2818
```
#ce2818 rgb(206,40,24)
```

Complementary Color

#18ce83
```
#18ce83 rgb(24,206,131)
```
#18bece
```
#18bece rgb(24,190,206)
```
#1863ce
```
#1863ce rgb(24,99,206)
```

Analogous Color

#ce8318
```
#ce8318 rgb(206,131,24)
```
#18bece
```
#18bece rgb(24,190,206)
```
#ce1863
```
#ce1863 rgb(206,24,99)
```

Split Complementary Color

#bece18
```
#bece18 rgb(190,206,24)
```
#18bece
```
#18bece rgb(24,190,206)
```
#ce18be
```
#ce18be rgb(206,24,190)
```

Triadic Color

#18ce28
```
#18ce28 rgb(24,206,40)
```
#18bece
```
#18bece rgb(24,190,206)
```
#ce18be
```
#ce18be rgb(206,24,190)
```
#ce2818
```
#ce2818 rgb(206,40,24)
```

Tetradic Color

#107f89
```
#107f89 rgb(16,127,137)
```
#1394a0
```
#1394a0 rgb(19,148,160)
```
#15a9b7
```
#15a9b7 rgb(21,169,183)
```
#18bece
```
#18bece rgb(24,190,206)
```
#1bd3e4
```
#1bd3e4 rgb(27,211,228)
```
#32d7e7
```
#32d7e7 rgb(50,215,231)
```
#49dcea
```
#49dcea rgb(73,220,234)
```

Monochromatic Color

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

#18ceb1
```
#18ceb1 rgb(24,206,177)
```
#18cec0
```
#18cec0 rgb(24,206,192)
```
#18cdce
```
#18cdce rgb(24,205,206)
```
#18bece
```
#18bece rgb(24,190,206)
```
#18afce
```
#18afce rgb(24,175,206)
```
#18a0ce
```
#18a0ce rgb(24,160,206)
```
#1891ce
```
#1891ce rgb(24,145,206)
```

Similar Colors

Text with hexadecimal color #18bece

This text has a font color of #18bece.

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

#18bece background color

This paragraph has a background color of #18bece.

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

#18bece border color

This element has a border color of #18bece.

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

CSS codes

.text {color:#18bece;}

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

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

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, #010c0d is the darkest color, while #fafefe is the lightest one.

#010c0d
```
#010c0d rgb(1,12,13)
```
#041c1e
```
#041c1e rgb(4,28,30)
```
#062c30
```
#062c30 rgb(6,44,48)
```
#083c41
```
#083c41 rgb(8,60,65)
```
#0a4d53
```
#0a4d53 rgb(10,77,83)
```
#0c5d65
```
#0c5d65 rgb(12,93,101)
```
#0e6d76
```
#0e6d76 rgb(14,109,118)
```
#107d88
```
#107d88 rgb(16,125,136)
```
#128d99
```
#128d99 rgb(18,141,153)
```
#149eab
```
#149eab rgb(20,158,171)
```
#16aebc
```
#16aebc rgb(22,174,188)
```
#18bece
```
#18bece rgb(24,190,206)
```
#1acee0
```
#1acee0 rgb(26,206,224)
```

Shade Color Variation

#27d5e6
```
#27d5e6 rgb(39,213,230)
```
#39d9e8
```
#39d9e8 rgb(57,217,232)
```
#4adcea
```
#4adcea rgb(74,220,234)
```
#5cdfec
```
#5cdfec rgb(92,223,236)
```
#6ee3ee
```
#6ee3ee rgb(110,227,238)
```
#7fe6f0
```
#7fe6f0 rgb(127,230,240)
```
#91eaf2
```
#91eaf2 rgb(145,234,242)
```
#a2edf4
```
#a2edf4 rgb(162,237,244)
```
#b4f0f6
```
#b4f0f6 rgb(180,240,246)
```
#c5f4f8
```
#c5f4f8 rgb(197,244,248)
```
#d7f7fa
```
#d7f7fa rgb(215,247,250)
```
#e9fbfc
```
#e9fbfc rgb(233,251,252)
```
#fafefe
```
#fafefe rgb(250,254,254)
```

Tint Color Variation

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

#707576
```
#707576 rgb(112,117,118)
```
#687c7e
```
#687c7e rgb(104,124,126)
```
#5f8487
```
#5f8487 rgb(95,132,135)
```
#568b90
```
#568b90 rgb(86,139,144)
```
#4d9299
```
#4d9299 rgb(77,146,153)
```
#449aa2
```
#449aa2 rgb(68,154,162)
```
#3ba1ab
```
#3ba1ab rgb(59,161,171)
```
#33a8b3
```
#33a8b3 rgb(51,168,179)
```
#2aafbc
```
#2aafbc rgb(42,175,188)
```
#21b7c5
```
#21b7c5 rgb(33,183,197)
```
#18bece
```
#18bece rgb(24,190,206)
```
#0fc5d7
```
#0fc5d7 rgb(15,197,215)
```
#06cde0
```
#06cde0 rgb(6,205,224)
```

Tone Color Variation

Below, you can see how #18bece 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
#76989b Atypical Achromatopsia 0.001% of the population

Dichromacy

#adafc5 Protanopia 1% of men
#abadd8 Deuteranopia 1% of men
#22c1cf Tritanopia 0.001% of the population

Trichromacy

#76b4c8 Protanomaly 1% of men, 0.01% of women
#76b3d4 Deuteranomaly 6% of men, 0.4% of women
#1ec0cf Tritanomaly 0.01% of the population

#18bece hex color

#18bece Color Information

#18bece Color Conversion

Color Schemes with #18bece

Alternatives to #18bece

#18bece Preview

Shades and Tints of #18bece

Tones of #18bece

Color Blindness Simulator