#004bff hex color

In a RGB color space, hex #004bff is composed of 0% red, 29.4% green and 100% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 70.6% magenta, 0% yellow and 0% black. It has a hue angle of 222.4 degrees, a saturation of 100% and a lightness of 50%. #004bff color hex could be obtained by blending #0096ff with #0000ff. Closest websafe color is: #0033ff.

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

● #004bff color description : Pure (or mostly pure) blue.

The hexadecimal color #004bff has RGB values of R:0, G:75, B:255 and CMYK values of C:1, M:0.71, Y:0, K:0. Its decimal value is 19455.

Hex triplet	004bff	`#004bff`
RGB Decimal	0, 75, 255	`rgb(0,75,255)`
RGB Percent	0, 29.4, 100	`rgb(0%,29.4%,100%)`
CMYK	100, 71, 0, 0
HSL	222.4°, 100, 50	`hsl(222.4,100%,50%)`
HSV (or HSB)	222.4°, 100, 100
Web Safe	0033ff	`#0033ff`

CIE-LAB	41.611, 51.832, -92.371
XYZ	20.562, 12.25, 95.883
xyY	0.16, 0.095, 12.25
CIE-LCH	41.611, 105.919, 299.298
CIE-LUV	41.611, -16.583, -132.115
Hunter-Lab	35.001, 43.615, -137.923
Binary	00000000, 01001011, 11111111

#004bff
```
#004bff rgb(0,75,255)
```
#ffb400
```
#ffb400 rgb(255,180,0)
```

Complementary Color

#00cbff
```
#00cbff rgb(0,203,255)
```
#004bff
```
#004bff rgb(0,75,255)
```
#3500ff
```
#3500ff rgb(53,0,255)
```

Analogous Color

#cbff00
```
#cbff00 rgb(203,255,0)
```
#004bff
```
#004bff rgb(0,75,255)
```
#ff3500
```
#ff3500 rgb(255,53,0)
```

Split Complementary Color

#4bff00
```
#4bff00 rgb(75,255,0)
```
#004bff
```
#004bff rgb(0,75,255)
```
#ff004b
```
#ff004b rgb(255,0,75)
```

Triadic Color

#00ffb4
```
#00ffb4 rgb(0,255,180)
```
#004bff
```
#004bff rgb(0,75,255)
```
#ff004b
```
#ff004b rgb(255,0,75)
```
#ffb400
```
#ffb400 rgb(255,180,0)
```

Tetradic Color

#0035b3
```
#0035b3 rgb(0,53,179)
```
#003ccc
```
#003ccc rgb(0,60,204)
```
#0044e6
```
#0044e6 rgb(0,68,230)
```
#004bff
```
#004bff rgb(0,75,255)
```
#1a5dff
```
#1a5dff rgb(26,93,255)
```
#336fff
```
#336fff rgb(51,111,255)
```
#4d81ff
```
#4d81ff rgb(77,129,255)
```

Monochromatic Color

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

#008bff
```
#008bff rgb(0,139,255)
```
#0076ff
```
#0076ff rgb(0,118,255)
```
#0060ff
```
#0060ff rgb(0,96,255)
```
#004bff
```
#004bff rgb(0,75,255)
```
#0036ff
```
#0036ff rgb(0,54,255)
```
#0020ff
```
#0020ff rgb(0,32,255)
```
#000bff
```
#000bff rgb(0,11,255)
```

Similar Colors

Text with hexadecimal color #004bff

This text has a font color of #004bff.

<span style="color:#004bff;">Text here</span>

#004bff background color

This paragraph has a background color of #004bff.

<p style="background-color:#004bff;">Content here</p>

#004bff border color

This element has a border color of #004bff.

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

CSS codes

.text {color:#004bff;}

.background {background-color:#004bff;}

.border {border:1px solid #004bff;}

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

#000614
```
#000614 rgb(0,6,20)
```
#000c27
```
#000c27 rgb(0,12,39)
```
#00113b
```
#00113b rgb(0,17,59)
```
#00174e
```
#00174e rgb(0,23,78)
```
#001d62
```
#001d62 rgb(0,29,98)
```
#002376
```
#002376 rgb(0,35,118)
```
#002889
```
#002889 rgb(0,40,137)
```
#002e9d
```
#002e9d rgb(0,46,157)
```
#0034b1
```
#0034b1 rgb(0,52,177)
```
#003ac4
```
#003ac4 rgb(0,58,196)
```
#003fd8
```
#003fd8 rgb(0,63,216)
```
#0045eb
```
#0045eb rgb(0,69,235)
```
#004bff
```
#004bff rgb(0,75,255)
```

Shade Color Variation

#1459ff
```
#1459ff rgb(20,89,255)
```
#2767ff
```
#2767ff rgb(39,103,255)
```
#3b75ff
```
#3b75ff rgb(59,117,255)
```
#4e82ff
```
#4e82ff rgb(78,130,255)
```
#6290ff
```
#6290ff rgb(98,144,255)
```
#769eff
```
#769eff rgb(118,158,255)
```
#89acff
```
#89acff rgb(137,172,255)
```
#9dbaff
```
#9dbaff rgb(157,186,255)
```
#b1c8ff
```
#b1c8ff rgb(177,200,255)
```
#c4d5ff
```
#c4d5ff rgb(196,213,255)
```
#d8e3ff
```
#d8e3ff rgb(216,227,255)
```
#ebf1ff
```
#ebf1ff rgb(235,241,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #767b89 is the less saturated color, while #004bff is the most saturated one.

#767b89
```
#767b89 rgb(118,123,137)
```
#6c7793
```
#6c7793 rgb(108,119,147)
```
#62739d
```
#62739d rgb(98,115,157)
```
#586fa7
```
#586fa7 rgb(88,111,167)
```
#4e6bb1
```
#4e6bb1 rgb(78,107,177)
```
#4567ba
```
#4567ba rgb(69,103,186)
```
#3b63c4
```
#3b63c4 rgb(59,99,196)
```
#315fce
```
#315fce rgb(49,95,206)
```
#275bd8
```
#275bd8 rgb(39,91,216)
```
#1d57e2
```
#1d57e2 rgb(29,87,226)
```
#1453eb
```
#1453eb rgb(20,83,235)
```
#0a4ff5
```
#0a4ff5 rgb(10,79,245)
```
#004bff
```
#004bff rgb(0,75,255)
```

Tone Color Variation

Below, you can see how #004bff 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

#494949 Achromatopsia 0.005% of the population
#3a496d Atypical Achromatopsia 0.001% of the population

Dichromacy

#0067c8 Protanopia 1% of men
#006dad Deuteranopia 1% of men
#00747a Tritanopia 0.001% of the population

Trichromacy

#005ddc Protanomaly 1% of men, 0.01% of women
#0060cb Deuteranomaly 6% of men, 0.4% of women
#0065aa Tritanomaly 0.01% of the population

#004bff hex color

#004bff Color Information

#004bff Color Conversion

Color Schemes with #004bff

Alternatives to #004bff

#004bff Preview

Shades and Tints of #004bff

Tones of #004bff

Color Blindness Simulator