#00bbec hex color

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

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

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

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

Hex triplet	00bbec	`#00bbec`
RGB Decimal	0, 187, 236	`rgb(0,187,236)`
RGB Percent	0, 73.3, 92.5	`rgb(0%,73.3%,92.5%)`
CMYK	100, 21, 0, 7
HSL	192.5°, 100, 46.3	`hsl(192.5,100%,46.3%)`
HSV (or HSB)	192.5°, 100, 92.5
Web Safe	00ccff	`#00ccff`

CIE-LAB	70.59, -22.142, -35.328
XYZ	32.907, 41.593, 85.646
xyY	0.205, 0.26, 41.593
CIE-LCH	70.59, 41.693, 237.922
CIE-LUV	70.59, -49.36, -53.83
Hunter-Lab	64.493, -21.786, -33.592
Binary	00000000, 10111011, 11101100

#00bbec
```
#00bbec rgb(0,187,236)
```
#ec3100
```
#ec3100 rgb(236,49,0)
```

Complementary Color

#00eca7
```
#00eca7 rgb(0,236,167)
```
#00bbec
```
#00bbec rgb(0,187,236)
```
#0045ec
```
#0045ec rgb(0,69,236)
```

Analogous Color

#eca700
```
#eca700 rgb(236,167,0)
```
#00bbec
```
#00bbec rgb(0,187,236)
```
#ec0045
```
#ec0045 rgb(236,0,69)
```

Split Complementary Color

#bbec00
```
#bbec00 rgb(187,236,0)
```
#00bbec
```
#00bbec rgb(0,187,236)
```
#ec00bb
```
#ec00bb rgb(236,0,187)
```

Triadic Color

#00ec31
```
#00ec31 rgb(0,236,49)
```
#00bbec
```
#00bbec rgb(0,187,236)
```
#ec00bb
```
#ec00bb rgb(236,0,187)
```
#ec3100
```
#ec3100 rgb(236,49,0)
```

Tetradic Color

#007ea0
```
#007ea0 rgb(0,126,160)
```
#0093b9
```
#0093b9 rgb(0,147,185)
```
#00a7d3
```
#00a7d3 rgb(0,167,211)
```
#00bbec
```
#00bbec rgb(0,187,236)
```
#06cbff
```
#06cbff rgb(6,203,255)
```
#20d1ff
```
#20d1ff rgb(32,209,255)
```
#3ad6ff
```
#3ad6ff rgb(58,214,255)
```

Monochromatic Color

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

#00ece2
```
#00ece2 rgb(0,236,226)
```
#00e2ec
```
#00e2ec rgb(0,226,236)
```
#00cfec
```
#00cfec rgb(0,207,236)
```
#00bbec
```
#00bbec rgb(0,187,236)
```
#00a7ec
```
#00a7ec rgb(0,167,236)
```
#0094ec
```
#0094ec rgb(0,148,236)
```
#0080ec
```
#0080ec rgb(0,128,236)
```

Similar Colors

Text with hexadecimal color #00bbec

This text has a font color of #00bbec.

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

#00bbec background color

This paragraph has a background color of #00bbec.

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

#00bbec border color

This element has a border color of #00bbec.

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

CSS codes

.text {color:#00bbec;}

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

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

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)
```
#004e63
```
#004e63 rgb(0,78,99)
```
#005e76
```
#005e76 rgb(0,94,118)
```
#006d8a
```
#006d8a rgb(0,109,138)
```
#007d9e
```
#007d9e rgb(0,125,158)
```
#008cb1
```
#008cb1 rgb(0,140,177)
```
#009cc5
```
#009cc5 rgb(0,156,197)
```
#00abd8
```
#00abd8 rgb(0,171,216)
```
#00bbec
```
#00bbec rgb(0,187,236)
```

Shade Color Variation

#01caff
```
#01caff rgb(1,202,255)
```
#14ceff
```
#14ceff rgb(20,206,255)
```
#28d2ff
```
#28d2ff rgb(40,210,255)
```
#3bd6ff
```
#3bd6ff rgb(59,214,255)
```
#4fdaff
```
#4fdaff rgb(79,218,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 #00bbec is the most saturated one.

#6d7b7f
```
#6d7b7f rgb(109,123,127)
```
#648188
```
#648188 rgb(100,129,136)
```
#5b8691
```
#5b8691 rgb(91,134,145)
```
#528b9a
```
#528b9a rgb(82,139,154)
```
#4991a3
```
#4991a3 rgb(73,145,163)
```
#4096ac
```
#4096ac rgb(64,150,172)
```
#369bb6
```
#369bb6 rgb(54,155,182)
```
#2da0bf
```
#2da0bf rgb(45,160,191)
```
#24a6c8
```
#24a6c8 rgb(36,166,200)
```
#1babd1
```
#1babd1 rgb(27,171,209)
```
#12b0da
```
#12b0da rgb(18,176,218)
```
#09b6e3
```
#09b6e3 rgb(9,182,227)
```
#00bbec
```
#00bbec rgb(0,187,236)
```

Tone Color Variation

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

#a2afe2 Protanopia 1% of men
#96aff3 Deuteranopia 1% of men
#00c2cf Tritanopia 0.001% of the population

Trichromacy

#67b3e5 Protanomaly 1% of men, 0.01% of women
#5fb3f0 Deuteranomaly 6% of men, 0.4% of women
#00bfd9 Tritanomaly 0.01% of the population

#00bbec hex color

#00bbec Color Information

#00bbec Color Conversion

Color Schemes with #00bbec

Alternatives to #00bbec

#00bbec Preview

Shades and Tints of #00bbec

Tones of #00bbec

Color Blindness Simulator