#00bcec hex color

In a RGB color space, hex #00bcec is composed of 0% red, 73.7% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 20.3% magenta, 0% yellow and 7.5% black. It has a hue angle of 192.2 degrees, a saturation of 100% and a lightness of 46.3%. #00bcec color hex could be obtained by blending #00ffff with #0079d9. Closest websafe color is: #00ccff.

♥
- f
- t
- g
- R 0
- G 74
- B 93
RGB color chart
- C 100
- M 20
- Y 0
- K 7
CMYK color chart

● #00bcec color description : Pure (or mostly pure) cyan.

The hexadecimal color #00bcec has RGB values of R:0, G:188, B:236 and CMYK values of C:1, M:0.2, Y:0, K:0.07. Its decimal value is 48364.

Hex triplet	00bcec	`#00bcec`
RGB Decimal	0, 188, 236	`rgb(0,188,236)`
RGB Percent	0, 73.7, 92.5	`rgb(0%,73.7%,92.5%)`
CMYK	100, 20, 0, 7
HSL	192.2°, 100, 46.3	`hsl(192.2,100%,46.3%)`
HSV (or HSB)	192.2°, 100, 92.5
Web Safe	00ccff	`#00ccff`

CIE-LAB	70.884, -22.656, -34.871
XYZ	33.119, 42.019, 85.717
xyY	0.206, 0.261, 42.019
CIE-LCH	70.884, 41.584, 236.988
CIE-LUV	70.884, -49.696, -53.012
Hunter-Lab	64.822, -22.238, -33.026
Binary	00000000, 10111100, 11101100

#00bcec
```
#00bcec rgb(0,188,236)
```
#ec3000
```
#ec3000 rgb(236,48,0)
```

Complementary Color

#00eca6
```
#00eca6 rgb(0,236,166)
```
#00bcec
```
#00bcec rgb(0,188,236)
```
#0046ec
```
#0046ec rgb(0,70,236)
```

Analogous Color

#eca600
```
#eca600 rgb(236,166,0)
```
#00bcec
```
#00bcec rgb(0,188,236)
```
#ec0046
```
#ec0046 rgb(236,0,70)
```

Split Complementary Color

#bcec00
```
#bcec00 rgb(188,236,0)
```
#00bcec
```
#00bcec rgb(0,188,236)
```
#ec00bc
```
#ec00bc rgb(236,0,188)
```

Triadic Color

#00ec30
```
#00ec30 rgb(0,236,48)
```
#00bcec
```
#00bcec rgb(0,188,236)
```
#ec00bc
```
#ec00bc rgb(236,0,188)
```
#ec3000
```
#ec3000 rgb(236,48,0)
```

Tetradic Color

#007fa0
```
#007fa0 rgb(0,127,160)
```
#0093b9
```
#0093b9 rgb(0,147,185)
```
#00a8d3
```
#00a8d3 rgb(0,168,211)
```
#00bcec
```
#00bcec rgb(0,188,236)
```
#06ccff
```
#06ccff rgb(6,204,255)
```
#20d2ff
```
#20d2ff rgb(32,210,255)
```
#3ad7ff
```
#3ad7ff rgb(58,215,255)
```

Monochromatic Color

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

#00ece1
```
#00ece1 rgb(0,236,225)
```
#00e3ec
```
#00e3ec rgb(0,227,236)
```
#00d0ec
```
#00d0ec rgb(0,208,236)
```
#00bcec
```
#00bcec rgb(0,188,236)
```
#00a8ec
```
#00a8ec rgb(0,168,236)
```
#0095ec
```
#0095ec rgb(0,149,236)
```
#0081ec
```
#0081ec rgb(0,129,236)
```

Similar Colors

Text with hexadecimal color #00bcec

This text has a font color of #00bcec.

<span style="color:#00bcec;">Text here</span>

#00bcec background color

This paragraph has a background color of #00bcec.

<p style="background-color:#00bcec;">Content here</p>

#00bcec border color

This element has a border color of #00bcec.

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

CSS codes

.text {color:#00bcec;}

.background {background-color:#00bcec;}

.border {border:1px solid #00bcec;}

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

#000001
```
#000001 rgb(0,0,1)
```
#001014
```
#001014 rgb(0,16,20)
```
#002028
```
#002028 rgb(0,32,40)
```
#002f3b
```
#002f3b rgb(0,47,59)
```
#003f4f
```
#003f4f rgb(0,63,79)
```
#004f63
```
#004f63 rgb(0,79,99)
```
#005e76
```
#005e76 rgb(0,94,118)
```
#006e8a
```
#006e8a rgb(0,110,138)
```
#007d9e
```
#007d9e rgb(0,125,158)
```
#008db1
```
#008db1 rgb(0,141,177)
```
#009dc5
```
#009dc5 rgb(0,157,197)
```
#00acd8
```
#00acd8 rgb(0,172,216)
```
#00bcec
```
#00bcec rgb(0,188,236)
```

Shade Color Variation

#01cbff
```
#01cbff rgb(1,203,255)
```
#14cfff
```
#14cfff rgb(20,207,255)
```
#28d3ff
```
#28d3ff rgb(40,211,255)
```
#3bd7ff
```
#3bd7ff rgb(59,215,255)
```
#4fdbff
```
#4fdbff rgb(79,219,255)
```
#63dfff
```
#63dfff rgb(99,223,255)
```
#76e3ff
```
#76e3ff rgb(118,227,255)
```
#8ae7ff
```
#8ae7ff rgb(138,231,255)
```
#9eebff
```
#9eebff rgb(158,235,255)
```
#b1efff
```
#b1efff rgb(177,239,255)
```
#c5f3ff
```
#c5f3ff rgb(197,243,255)
```
#d8f7ff
```
#d8f7ff rgb(216,247,255)
```
#ecfbff
```
#ecfbff rgb(236,251,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6d7b7f is the less saturated color, while #00bcec is the most saturated one.

#6d7b7f
```
#6d7b7f rgb(109,123,127)
```
#648188
```
#648188 rgb(100,129,136)
```
#5b8691
```
#5b8691 rgb(91,134,145)
```
#528c9a
```
#528c9a rgb(82,140,154)
```
#4991a3
```
#4991a3 rgb(73,145,163)
```
#4096ac
```
#4096ac rgb(64,150,172)
```
#369cb6
```
#369cb6 rgb(54,156,182)
```
#2da1bf
```
#2da1bf rgb(45,161,191)
```
#24a6c8
```
#24a6c8 rgb(36,166,200)
```
#1bacd1
```
#1bacd1 rgb(27,172,209)
```
#12b1da
```
#12b1da rgb(18,177,218)
```
#09b7e3
```
#09b7e3 rgb(9,183,227)
```
#00bcec
```
#00bcec rgb(0,188,236)
```

Tone Color Variation

Below, you can see how #00bcec 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

#898989 Achromatopsia 0.005% of the population
#6e939d Atypical Achromatopsia 0.001% of the population

Dichromacy

#a3afe2 Protanopia 1% of men
#98b0f3 Deuteranopia 1% of men
#00c3d0 Tritanopia 0.001% of the population

Trichromacy

#67b4e5 Protanomaly 1% of men, 0.01% of women
#60b4f0 Deuteranomaly 6% of men, 0.4% of women
#00c0da Tritanomaly 0.01% of the population

#00bcec hex color

#00bcec Color Information

#00bcec Color Conversion

Color Schemes with #00bcec

Alternatives to #00bcec

#00bcec Preview

Shades and Tints of #00bcec

Tones of #00bcec

Color Blindness Simulator