#00b4fc hex color

In a RGB color space, hex #00b4fc is composed of 0% red, 70.6% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 28.6% magenta, 0% yellow and 1.2% black. It has a hue angle of 197.1 degrees, a saturation of 100% and a lightness of 49.4%. #00b4fc color hex could be obtained by blending #00ffff with #0069f9. Closest websafe color is: #00ccff.

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

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

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

Hex triplet	00b4fc	`#00b4fc`
RGB Decimal	0, 180, 252	`rgb(0,180,252)`
RGB Percent	0, 70.6, 98.8	`rgb(0%,70.6%,98.8%)`
CMYK	100, 29, 0, 1
HSL	197.1°, 100, 49.4	`hsl(197.1,100%,49.4%)`
HSV (or HSB)	197.1°, 100, 98.8
Web Safe	00ccff	`#00ccff`

CIE-LAB	69.232, -12.835, -46.124
XYZ	33.887, 39.667, 97.961
xyY	0.198, 0.231, 39.667
CIE-LCH	69.232, 47.876, 254.449
CIE-LUV	69.232, -45.853, -73.31
Hunter-Lab	62.982, -14.177, -48.131
Binary	00000000, 10110100, 11111100

#00b4fc
```
#00b4fc rgb(0,180,252)
```
#fc4800
```
#fc4800 rgb(252,72,0)
```

Complementary Color

#00fcc6
```
#00fcc6 rgb(0,252,198)
```
#00b4fc
```
#00b4fc rgb(0,180,252)
```
#0036fc
```
#0036fc rgb(0,54,252)
```

Analogous Color

#fcc600
```
#fcc600 rgb(252,198,0)
```
#00b4fc
```
#00b4fc rgb(0,180,252)
```
#fc0036
```
#fc0036 rgb(252,0,54)
```

Split Complementary Color

#b4fc00
```
#b4fc00 rgb(180,252,0)
```
#00b4fc
```
#00b4fc rgb(0,180,252)
```
#fc00b4
```
#fc00b4 rgb(252,0,180)
```

Triadic Color

#00fc48
```
#00fc48 rgb(0,252,72)
```
#00b4fc
```
#00b4fc rgb(0,180,252)
```
#fc00b4
```
#fc00b4 rgb(252,0,180)
```
#fc4800
```
#fc4800 rgb(252,72,0)
```

Tetradic Color

#007db0
```
#007db0 rgb(0,125,176)
```
#0090c9
```
#0090c9 rgb(0,144,201)
```
#00a2e3
```
#00a2e3 rgb(0,162,227)
```
#00b4fc
```
#00b4fc rgb(0,180,252)
```
#17bdff
```
#17bdff rgb(23,189,255)
```
#30c4ff
```
#30c4ff rgb(48,196,255)
```
#4acbff
```
#4acbff rgb(74,203,255)
```

Monochromatic Color

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

#00f3fc
```
#00f3fc rgb(0,243,252)
```
#00defc
```
#00defc rgb(0,222,252)
```
#00c9fc
```
#00c9fc rgb(0,201,252)
```
#00b4fc
```
#00b4fc rgb(0,180,252)
```
#009ffc
```
#009ffc rgb(0,159,252)
```
#008afc
```
#008afc rgb(0,138,252)
```
#0075fc
```
#0075fc rgb(0,117,252)
```

Similar Colors

Text with hexadecimal color #00b4fc

This text has a font color of #00b4fc.

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

#00b4fc background color

This paragraph has a background color of #00b4fc.

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

#00b4fc border color

This element has a border color of #00b4fc.

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

CSS codes

.text {color:#00b4fc;}

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

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

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

#000c11
```
#000c11 rgb(0,12,17)
```
#001a24
```
#001a24 rgb(0,26,36)
```
#002838
```
#002838 rgb(0,40,56)
```
#00364b
```
#00364b rgb(0,54,75)
```
#00445f
```
#00445f rgb(0,68,95)
```
#005273
```
#005273 rgb(0,82,115)
```
#006086
```
#006086 rgb(0,96,134)
```
#006e9a
```
#006e9a rgb(0,110,154)
```
#007cae
```
#007cae rgb(0,124,174)
```
#008ac1
```
#008ac1 rgb(0,138,193)
```
#0098d5
```
#0098d5 rgb(0,152,213)
```
#00a6e8
```
#00a6e8 rgb(0,166,232)
```
#00b4fc
```
#00b4fc rgb(0,180,252)
```

Shade Color Variation

#11bbff
```
#11bbff rgb(17,187,255)
```
#24c0ff
```
#24c0ff rgb(36,192,255)
```
#38c6ff
```
#38c6ff rgb(56,198,255)
```
#4bccff
```
#4bccff rgb(75,204,255)
```
#5fd1ff
```
#5fd1ff rgb(95,209,255)
```
#73d7ff
```
#73d7ff rgb(115,215,255)
```
#86ddff
```
#86ddff rgb(134,221,255)
```
#9ae2ff
```
#9ae2ff rgb(154,226,255)
```
#aee8ff
```
#aee8ff rgb(174,232,255)
```
#c1edff
```
#c1edff rgb(193,237,255)
```
#d5f3ff
```
#d5f3ff rgb(213,243,255)
```
#e8f9ff
```
#e8f9ff rgb(232,249,255)
```
#fcfeff
```
#fcfeff rgb(252,254,255)
```

Tint Color Variation

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

#748288
```
#748288 rgb(116,130,136)
```
#6b8691
```
#6b8691 rgb(107,134,145)
```
#618a9b
```
#618a9b rgb(97,138,155)
```
#578fa5
```
#578fa5 rgb(87,143,165)
```
#4e93ae
```
#4e93ae rgb(78,147,174)
```
#4497b8
```
#4497b8 rgb(68,151,184)
```
#3a9bc2
```
#3a9bc2 rgb(58,155,194)
```
#309fcc
```
#309fcc rgb(48,159,204)
```
#27a3d5
```
#27a3d5 rgb(39,163,213)
```
#1da8df
```
#1da8df rgb(29,168,223)
```
#13ace9
```
#13ace9 rgb(19,172,233)
```
#0ab0f2
```
#0ab0f2 rgb(10,176,242)
```
#00b4fc
```
#00b4fc rgb(0,180,252)
```

Tone Color Variation

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

#868686 Achromatopsia 0.005% of the population
#6b8f9e Atypical Achromatopsia 0.001% of the population

Dichromacy

#94abf2 Protanopia 1% of men
#81adff Deuteranopia 1% of men
#00beca Tritanopia 0.001% of the population

Trichromacy

#5eaef6 Protanomaly 1% of men, 0.01% of women
#52affd Deuteranomaly 6% of men, 0.4% of women
#00badc Tritanomaly 0.01% of the population

#00b4fc hex color

#00b4fc Color Information

#00b4fc Color Conversion

Color Schemes with #00b4fc

Alternatives to #00b4fc

#00b4fc Preview

Shades and Tints of #00b4fc

Tones of #00b4fc

Color Blindness Simulator