#00b2ec hex color

In a RGB color space, hex #00b2ec is composed of 0% red, 69.8% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 24.6% magenta, 0% yellow and 7.5% black. It has a hue angle of 194.7 degrees, a saturation of 100% and a lightness of 46.3%. #00b2ec color hex could be obtained by blending #00ffff with #0065d9. Closest websafe color is: #0099ff.

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

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

The hexadecimal color #00b2ec has RGB values of R:0, G:178, B:236 and CMYK values of C:1, M:0.25, Y:0, K:0.07. Its decimal value is 45804.

Hex triplet	00b2ec	`#00b2ec`
RGB Decimal	0, 178, 236	`rgb(0,178,236)`
RGB Percent	0, 69.8, 92.5	`rgb(0%,69.8%,92.5%)`
CMYK	100, 25, 0, 7
HSL	194.7°, 100, 46.3	`hsl(194.7,100%,46.3%)`
HSV (or HSB)	194.7°, 100, 92.5
Web Safe	0099ff	`#0099ff`

CIE-LAB	67.942, -17.437, -39.448
XYZ	31.057, 37.894, 85.03
xyY	0.202, 0.246, 37.894
CIE-LCH	67.942, 43.13, 246.154
CIE-LUV	67.942, -46.343, -61.161
Hunter-Lab	61.558, -17.671, -38.806
Binary	00000000, 10110010, 11101100

#00b2ec
```
#00b2ec rgb(0,178,236)
```
#ec3a00
```
#ec3a00 rgb(236,58,0)
```

Complementary Color

#00ecb0
```
#00ecb0 rgb(0,236,176)
```
#00b2ec
```
#00b2ec rgb(0,178,236)
```
#003cec
```
#003cec rgb(0,60,236)
```

Analogous Color

#ecb000
```
#ecb000 rgb(236,176,0)
```
#00b2ec
```
#00b2ec rgb(0,178,236)
```
#ec003c
```
#ec003c rgb(236,0,60)
```

Split Complementary Color

#b2ec00
```
#b2ec00 rgb(178,236,0)
```
#00b2ec
```
#00b2ec rgb(0,178,236)
```
#ec00b2
```
#ec00b2 rgb(236,0,178)
```

Triadic Color

#00ec3a
```
#00ec3a rgb(0,236,58)
```
#00b2ec
```
#00b2ec rgb(0,178,236)
```
#ec00b2
```
#ec00b2 rgb(236,0,178)
```
#ec3a00
```
#ec3a00 rgb(236,58,0)
```

Tetradic Color

#0078a0
```
#0078a0 rgb(0,120,160)
```
#008cb9
```
#008cb9 rgb(0,140,185)
```
#009fd3
```
#009fd3 rgb(0,159,211)
```
#00b2ec
```
#00b2ec rgb(0,178,236)
```
#06c2ff
```
#06c2ff rgb(6,194,255)
```
#20c8ff
```
#20c8ff rgb(32,200,255)
```
#3aceff
```
#3aceff rgb(58,206,255)
```

Monochromatic Color

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

#00eceb
```
#00eceb rgb(0,236,235)
```
#00d9ec
```
#00d9ec rgb(0,217,236)
```
#00c6ec
```
#00c6ec rgb(0,198,236)
```
#00b2ec
```
#00b2ec rgb(0,178,236)
```
#009eec
```
#009eec rgb(0,158,236)
```
#008bec
```
#008bec rgb(0,139,236)
```
#0077ec
```
#0077ec rgb(0,119,236)
```

Similar Colors

Text with hexadecimal color #00b2ec

This text has a font color of #00b2ec.

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

#00b2ec background color

This paragraph has a background color of #00b2ec.

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

#00b2ec border color

This element has a border color of #00b2ec.

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

CSS codes

.text {color:#00b2ec;}

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

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

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 #ecfaff is the lightest one.

#000001
```
#000001 rgb(0,0,1)
```
#000f14
```
#000f14 rgb(0,15,20)
```
#001e28
```
#001e28 rgb(0,30,40)
```
#002d3b
```
#002d3b rgb(0,45,59)
```
#003c4f
```
#003c4f rgb(0,60,79)
```
#004a63
```
#004a63 rgb(0,74,99)
```
#005976
```
#005976 rgb(0,89,118)
```
#00688a
```
#00688a rgb(0,104,138)
```
#00779e
```
#00779e rgb(0,119,158)
```
#0086b1
```
#0086b1 rgb(0,134,177)
```
#0094c5
```
#0094c5 rgb(0,148,197)
```
#00a3d8
```
#00a3d8 rgb(0,163,216)
```
#00b2ec
```
#00b2ec rgb(0,178,236)
```

Shade Color Variation

#01c0ff
```
#01c0ff rgb(1,192,255)
```
#14c5ff
```
#14c5ff rgb(20,197,255)
```
#28caff
```
#28caff rgb(40,202,255)
```
#3bcfff
```
#3bcfff rgb(59,207,255)
```
#4fd4ff
```
#4fd4ff rgb(79,212,255)
```
#63d9ff
```
#63d9ff rgb(99,217,255)
```
#76ddff
```
#76ddff rgb(118,221,255)
```
#8ae2ff
```
#8ae2ff rgb(138,226,255)
```
#9ee7ff
```
#9ee7ff rgb(158,231,255)
```
#b1ecff
```
#b1ecff rgb(177,236,255)
```
#c5f1ff
```
#c5f1ff rgb(197,241,255)
```
#d8f6ff
```
#d8f6ff rgb(216,246,255)
```
#ecfaff
```
#ecfaff rgb(236,250,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 #00b2ec is the most saturated one.

#6d7b7f
```
#6d7b7f rgb(109,123,127)
```
#647f88
```
#647f88 rgb(100,127,136)
```
#5b8491
```
#5b8491 rgb(91,132,145)
```
#52889a
```
#52889a rgb(82,136,154)
```
#498da3
```
#498da3 rgb(73,141,163)
```
#4092ac
```
#4092ac rgb(64,146,172)
```
#3696b6
```
#3696b6 rgb(54,150,182)
```
#2d9bbf
```
#2d9bbf rgb(45,155,191)
```
#24a0c8
```
#24a0c8 rgb(36,160,200)
```
#1ba4d1
```
#1ba4d1 rgb(27,164,209)
```
#12a9da
```
#12a9da rgb(18,169,218)
```
#09ade3
```
#09ade3 rgb(9,173,227)
```
#00b2ec
```
#00b2ec rgb(0,178,236)
```

Tone Color Variation

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

#838383 Achromatopsia 0.005% of the population
#698c98 Atypical Achromatopsia 0.001% of the population

Dichromacy

#97a8e3 Protanopia 1% of men
#88a9f2 Deuteranopia 1% of men
#00bac7 Tritanopia 0.001% of the population

Trichromacy

#60abe6 Protanomaly 1% of men, 0.01% of women
#56acef Deuteranomaly 6% of men, 0.4% of women
#00b7d4 Tritanomaly 0.01% of the population

#00b2ec hex color

#00b2ec Color Information

#00b2ec Color Conversion

Color Schemes with #00b2ec

Alternatives to #00b2ec

#00b2ec Preview

Shades and Tints of #00b2ec

Tones of #00b2ec

Color Blindness Simulator