#00b4fe hex color

In a RGB color space, hex #00b4fe is composed of 0% red, 70.6% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 29.1% magenta, 0% yellow and 0.4% black. It has a hue angle of 197.5 degrees, a saturation of 100% and a lightness of 49.8%. #00b4fe color hex could be obtained by blending #00ffff with #0069fd. Closest websafe color is: #00ccff.

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

● #00b4fe color description : Pure (or mostly pure) blue.

The hexadecimal color #00b4fe has RGB values of R:0, G:180, B:254 and CMYK values of C:1, M:0.29, Y:0, K:0. Its decimal value is 46334.

Hex triplet	00b4fe	`#00b4fe`
RGB Decimal	0, 180, 254	`rgb(0,180,254)`
RGB Percent	0, 70.6, 99.6	`rgb(0%,70.6%,99.6%)`
CMYK	100, 29, 0, 0
HSL	197.5°, 100, 49.8	`hsl(197.5,100%,49.8%)`
HSV (or HSB)	197.5°, 100, 99.6
Web Safe	00ccff	`#00ccff`

CIE-LAB	69.323, -12.121, -47.063
XYZ	34.206, 39.795, 99.639
xyY	0.197, 0.229, 39.795
CIE-LCH	69.323, 48.599, 255.558
CIE-LUV	69.323, -45.713, -75.019
Hunter-Lab	63.083, -13.606, -49.489
Binary	00000000, 10110100, 11111110

#00b4fe
```
#00b4fe rgb(0,180,254)
```
#fe4a00
```
#fe4a00 rgb(254,74,0)
```

Complementary Color

#00fec9
```
#00fec9 rgb(0,254,201)
```
#00b4fe
```
#00b4fe rgb(0,180,254)
```
#0035fe
```
#0035fe rgb(0,53,254)
```

Analogous Color

#fec900
```
#fec900 rgb(254,201,0)
```
#00b4fe
```
#00b4fe rgb(0,180,254)
```
#fe0035
```
#fe0035 rgb(254,0,53)
```

Split Complementary Color

#b4fe00
```
#b4fe00 rgb(180,254,0)
```
#00b4fe
```
#00b4fe rgb(0,180,254)
```
#fe00b4
```
#fe00b4 rgb(254,0,180)
```

Triadic Color

#00fe4a
```
#00fe4a rgb(0,254,74)
```
#00b4fe
```
#00b4fe rgb(0,180,254)
```
#fe00b4
```
#fe00b4 rgb(254,0,180)
```
#fe4a00
```
#fe4a00 rgb(254,74,0)
```

Tetradic Color

#007eb2
```
#007eb2 rgb(0,126,178)
```
#0090cb
```
#0090cb rgb(0,144,203)
```
#00a2e5
```
#00a2e5 rgb(0,162,229)
```
#00b4fe
```
#00b4fe rgb(0,180,254)
```
#19bcff
```
#19bcff rgb(25,188,255)
```
#32c3ff
```
#32c3ff rgb(50,195,255)
```
#4ccbff
```
#4ccbff rgb(76,203,255)
```

Monochromatic Color

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

#00f4fe
```
#00f4fe rgb(0,244,254)
```
#00defe
```
#00defe rgb(0,222,254)
```
#00c9fe
```
#00c9fe rgb(0,201,254)
```
#00b4fe
```
#00b4fe rgb(0,180,254)
```
#009ffe
```
#009ffe rgb(0,159,254)
```
#008afe
```
#008afe rgb(0,138,254)
```
#0075fe
```
#0075fe rgb(0,117,254)
```

Similar Colors

Text with hexadecimal color #00b4fe

This text has a font color of #00b4fe.

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

#00b4fe background color

This paragraph has a background color of #00b4fe.

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

#00b4fe border color

This element has a border color of #00b4fe.

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

CSS codes

.text {color:#00b4fe;}

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

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

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, #000d13 is the darkest color, while #feffff is the lightest one.

#000d13
```
#000d13 rgb(0,13,19)
```
#001b26
```
#001b26 rgb(0,27,38)
```
#00293a
```
#00293a rgb(0,41,58)
```
#00374d
```
#00374d rgb(0,55,77)
```
#004561
```
#004561 rgb(0,69,97)
```
#005375
```
#005375 rgb(0,83,117)
```
#006188
```
#006188 rgb(0,97,136)
```
#006e9c
```
#006e9c rgb(0,110,156)
```
#007cb0
```
#007cb0 rgb(0,124,176)
```
#008ac3
```
#008ac3 rgb(0,138,195)
```
#0098d7
```
#0098d7 rgb(0,152,215)
```
#00a6ea
```
#00a6ea rgb(0,166,234)
```
#00b4fe
```
#00b4fe rgb(0,180,254)
```

Shade Color Variation

#13baff
```
#13baff rgb(19,186,255)
```
#26c0ff
```
#26c0ff rgb(38,192,255)
```
#3ac6ff
```
#3ac6ff rgb(58,198,255)
```
#4dcbff
```
#4dcbff rgb(77,203,255)
```
#61d1ff
```
#61d1ff rgb(97,209,255)
```
#75d7ff
```
#75d7ff rgb(117,215,255)
```
#88dcff
```
#88dcff rgb(136,220,255)
```
#9ce2ff
```
#9ce2ff rgb(156,226,255)
```
#b0e8ff
```
#b0e8ff rgb(176,232,255)
```
#c3eeff
```
#c3eeff rgb(195,238,255)
```
#d7f3ff
```
#d7f3ff rgb(215,243,255)
```
#eaf9ff
```
#eaf9ff rgb(234,249,255)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#758389
```
#758389 rgb(117,131,137)
```
#6b8793
```
#6b8793 rgb(107,135,147)
```
#628b9c
```
#628b9c rgb(98,139,156)
```
#588fa6
```
#588fa6 rgb(88,143,166)
```
#4e93b0
```
#4e93b0 rgb(78,147,176)
```
#4497ba
```
#4497ba rgb(68,151,186)
```
#3b9cc3
```
#3b9cc3 rgb(59,156,195)
```
#31a0cd
```
#31a0cd rgb(49,160,205)
```
#27a4d7
```
#27a4d7 rgb(39,164,215)
```
#1da8e1
```
#1da8e1 rgb(29,168,225)
```
#14acea
```
#14acea rgb(20,172,234)
```
#0ab0f4
```
#0ab0f4 rgb(10,176,244)
```
#00b4fe
```
#00b4fe rgb(0,180,254)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#6c909f Atypical Achromatopsia 0.001% of the population

Dichromacy

#93abf4 Protanopia 1% of men
#81adff Deuteranopia 1% of men
#00becb Tritanopia 0.001% of the population

Trichromacy

#5eaef8 Protanomaly 1% of men, 0.01% of women
#52affe Deuteranomaly 6% of men, 0.4% of women
#00badd Tritanomaly 0.01% of the population

#00b4fe hex color

#00b4fe Color Information

#00b4fe Color Conversion

Color Schemes with #00b4fe

Alternatives to #00b4fe

#00b4fe Preview

Shades and Tints of #00b4fe

Tones of #00b4fe

Color Blindness Simulator