#00b4e0 hex color

In a RGB color space, hex #00b4e0 is composed of 0% red, 70.6% green and 87.8% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 19.6% magenta, 0% yellow and 12.2% black. It has a hue angle of 191.8 degrees, a saturation of 100% and a lightness of 43.9%. #00b4e0 color hex could be obtained by blending #00ffff with #0069c1. Closest websafe color is: #00cccc.

♥
- f
- t
- g
- R 0
- G 71
- B 88
RGB color chart
- C 100
- M 20
- Y 0
- K 12
CMYK color chart

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

The hexadecimal color #00b4e0 has RGB values of R:0, G:180, B:224 and CMYK values of C:1, M:0.2, Y:0, K:0.12. Its decimal value is 46304.

Hex triplet	00b4e0	`#00b4e0`
RGB Decimal	0, 180, 224	`rgb(0,180,224)`
RGB Percent	0, 70.6, 87.8	`rgb(0%,70.6%,87.8%)`
CMYK	100, 20, 0, 12
HSL	191.8°, 100, 43.9	`hsl(191.8,100%,43.9%)`
HSV (or HSB)	191.8°, 100, 87.8
Web Safe	00cccc	`#00cccc`

CIE-LAB	68.036, -22.657, -32.744
XYZ	29.772, 38.021, 76.287
xyY	0.207, 0.264, 38.021
CIE-LCH	68.036, 39.818, 235.319
CIE-LUV	68.036, -47.919, -49.12
Hunter-Lab	61.661, -21.722, -30.19
Binary	00000000, 10110100, 11100000

#00b4e0
```
#00b4e0 rgb(0,180,224)
```
#e02c00
```
#e02c00 rgb(224,44,0)
```

Complementary Color

#00e09c
```
#00e09c rgb(0,224,156)
```
#00b4e0
```
#00b4e0 rgb(0,180,224)
```
#0044e0
```
#0044e0 rgb(0,68,224)
```

Analogous Color

#e09c00
```
#e09c00 rgb(224,156,0)
```
#00b4e0
```
#00b4e0 rgb(0,180,224)
```
#e00044
```
#e00044 rgb(224,0,68)
```

Split Complementary Color

#b4e000
```
#b4e000 rgb(180,224,0)
```
#00b4e0
```
#00b4e0 rgb(0,180,224)
```
#e000b4
```
#e000b4 rgb(224,0,180)
```

Triadic Color

#00e02c
```
#00e02c rgb(0,224,44)
```
#00b4e0
```
#00b4e0 rgb(0,180,224)
```
#e000b4
```
#e000b4 rgb(224,0,180)
```
#e02c00
```
#e02c00 rgb(224,44,0)
```

Tetradic Color

#007794
```
#007794 rgb(0,119,148)
```
#008bad
```
#008bad rgb(0,139,173)
```
#00a0c7
```
#00a0c7 rgb(0,160,199)
```
#00b4e0
```
#00b4e0 rgb(0,180,224)
```
#00c8fa
```
#00c8fa rgb(0,200,250)
```
#14d1ff
```
#14d1ff rgb(20,209,255)
```
#2ed6ff
```
#2ed6ff rgb(46,214,255)
```

Monochromatic Color

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

#00e0d4
```
#00e0d4 rgb(0,224,212)
```
#00d9e0
```
#00d9e0 rgb(0,217,224)
```
#00c7e0
```
#00c7e0 rgb(0,199,224)
```
#00b4e0
```
#00b4e0 rgb(0,180,224)
```
#00a1e0
```
#00a1e0 rgb(0,161,224)
```
#008fe0
```
#008fe0 rgb(0,143,224)
```
#007ce0
```
#007ce0 rgb(0,124,224)
```

Similar Colors

Text with hexadecimal color #00b4e0

This text has a font color of #00b4e0.

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

#00b4e0 background color

This paragraph has a background color of #00b4e0.

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

#00b4e0 border color

This element has a border color of #00b4e0.

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

CSS codes

.text {color:#00b4e0;}

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

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

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

#000708
```
#000708 rgb(0,7,8)
```
#00161c
```
#00161c rgb(0,22,28)
```
#00262f
```
#00262f rgb(0,38,47)
```
#003643
```
#003643 rgb(0,54,67)
```
#004657
```
#004657 rgb(0,70,87)
```
#00556a
```
#00556a rgb(0,85,106)
```
#00657e
```
#00657e rgb(0,101,126)
```
#007592
```
#007592 rgb(0,117,146)
```
#0085a5
```
#0085a5 rgb(0,133,165)
```
#0094b9
```
#0094b9 rgb(0,148,185)
```
#00a4cc
```
#00a4cc rgb(0,164,204)
```
#00b4e0
```
#00b4e0 rgb(0,180,224)
```
#00c4f4
```
#00c4f4 rgb(0,196,244)
```

Shade Color Variation

#08cfff
```
#08cfff rgb(8,207,255)
```
#1cd2ff
```
#1cd2ff rgb(28,210,255)
```
#2fd6ff
```
#2fd6ff rgb(47,214,255)
```
#43daff
```
#43daff rgb(67,218,255)
```
#57deff
```
#57deff rgb(87,222,255)
```
#6ae2ff
```
#6ae2ff rgb(106,226,255)
```
#7ee6ff
```
#7ee6ff rgb(126,230,255)
```
#92e9ff
```
#92e9ff rgb(146,233,255)
```
#a5edff
```
#a5edff rgb(165,237,255)
```
#b9f1ff
```
#b9f1ff rgb(185,241,255)
```
#ccf5ff
```
#ccf5ff rgb(204,245,255)
```
#e0f9ff
```
#e0f9ff rgb(224,249,255)
```
#f4fdff
```
#f4fdff rgb(244,253,255)
```

Tint Color Variation

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

#677579
```
#677579 rgb(103,117,121)
```
#5f7a81
```
#5f7a81 rgb(95,122,129)
```
#56808a
```
#56808a rgb(86,128,138)
```
#4e8592
```
#4e8592 rgb(78,133,146)
```
#458a9b
```
#458a9b rgb(69,138,155)
```
#3c8fa4
```
#3c8fa4 rgb(60,143,164)
```
#3495ac
```
#3495ac rgb(52,149,172)
```
#2b9ab5
```
#2b9ab5 rgb(43,154,181)
```
#229fbe
```
#229fbe rgb(34,159,190)
```
#1aa4c6
```
#1aa4c6 rgb(26,164,198)
```
#11aacf
```
#11aacf rgb(17,170,207)
```
#09afd7
```
#09afd7 rgb(9,175,215)
```
#00b4e0
```
#00b4e0 rgb(0,180,224)
```

Tone Color Variation

Below, you can see how #00b4e0 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
#698d96 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9da8d7 Protanopia 1% of men
#93a8e7 Deuteranopia 1% of men
#00bbc8 Tritanopia 0.001% of the population

Trichromacy

#64acda Protanomaly 1% of men, 0.01% of women
#5dace4 Deuteranomaly 6% of men, 0.4% of women
#00b8d0 Tritanomaly 0.01% of the population

#00b4e0 hex color

#00b4e0 Color Information

#00b4e0 Color Conversion

Color Schemes with #00b4e0

Alternatives to #00b4e0

#00b4e0 Preview

Shades and Tints of #00b4e0

Tones of #00b4e0

Color Blindness Simulator