#004cff hex color

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

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

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

The hexadecimal color #004cff has RGB values of R:0, G:76, B:255 and CMYK values of C:1, M:0.7, Y:0, K:0. Its decimal value is 19711.

Hex triplet	004cff	`#004cff`
RGB Decimal	0, 76, 255	`rgb(0,76,255)`
RGB Percent	0, 29.8, 100	`rgb(0%,29.8%,100%)`
CMYK	100, 70, 0, 0
HSL	222.1°, 100, 50	`hsl(222.1,100%,50%)`
HSV (or HSB)	222.1°, 100, 100
Web Safe	0033ff	`#0033ff`

CIE-LAB	41.825, 51.244, -92.018
XYZ	20.631, 12.387, 95.906
xyY	0.16, 0.096, 12.387
CIE-LCH	41.825, 105.324, 299.113
CIE-LUV	41.825, -16.77, -131.978
Hunter-Lab	35.195, 43.041, -136.926
Binary	00000000, 01001100, 11111111

#004cff
```
#004cff rgb(0,76,255)
```
#ffb300
```
#ffb300 rgb(255,179,0)
```

Complementary Color

#00ccff
```
#00ccff rgb(0,204,255)
```
#004cff
```
#004cff rgb(0,76,255)
```
#3400ff
```
#3400ff rgb(52,0,255)
```

Analogous Color

#ccff00
```
#ccff00 rgb(204,255,0)
```
#004cff
```
#004cff rgb(0,76,255)
```
#ff3400
```
#ff3400 rgb(255,52,0)
```

Split Complementary Color

#4cff00
```
#4cff00 rgb(76,255,0)
```
#004cff
```
#004cff rgb(0,76,255)
```
#ff004c
```
#ff004c rgb(255,0,76)
```

Triadic Color

#00ffb3
```
#00ffb3 rgb(0,255,179)
```
#004cff
```
#004cff rgb(0,76,255)
```
#ff004c
```
#ff004c rgb(255,0,76)
```
#ffb300
```
#ffb300 rgb(255,179,0)
```

Tetradic Color

#0035b3
```
#0035b3 rgb(0,53,179)
```
#003dcc
```
#003dcc rgb(0,61,204)
```
#0044e6
```
#0044e6 rgb(0,68,230)
```
#004cff
```
#004cff rgb(0,76,255)
```
#1a5eff
```
#1a5eff rgb(26,94,255)
```
#3370ff
```
#3370ff rgb(51,112,255)
```
#4d82ff
```
#4d82ff rgb(77,130,255)
```

Monochromatic Color

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

#008cff
```
#008cff rgb(0,140,255)
```
#0077ff
```
#0077ff rgb(0,119,255)
```
#0061ff
```
#0061ff rgb(0,97,255)
```
#004cff
```
#004cff rgb(0,76,255)
```
#0037ff
```
#0037ff rgb(0,55,255)
```
#0021ff
```
#0021ff rgb(0,33,255)
```
#000cff
```
#000cff rgb(0,12,255)
```

Similar Colors

Text with hexadecimal color #004cff

This text has a font color of #004cff.

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

#004cff background color

This paragraph has a background color of #004cff.

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

#004cff border color

This element has a border color of #004cff.

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

CSS codes

.text {color:#004cff;}

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

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

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)
```
#00123b
```
#00123b rgb(0,18,59)
```
#00174e
```
#00174e rgb(0,23,78)
```
#001d62
```
#001d62 rgb(0,29,98)
```
#002376
```
#002376 rgb(0,35,118)
```
#002989
```
#002989 rgb(0,41,137)
```
#002f9d
```
#002f9d rgb(0,47,157)
```
#0035b1
```
#0035b1 rgb(0,53,177)
```
#003ac4
```
#003ac4 rgb(0,58,196)
```
#0040d8
```
#0040d8 rgb(0,64,216)
```
#0046eb
```
#0046eb rgb(0,70,235)
```
#004cff
```
#004cff rgb(0,76,255)
```

Shade Color Variation

#145aff
```
#145aff rgb(20,90,255)
```
#2768ff
```
#2768ff rgb(39,104,255)
```
#3b75ff
```
#3b75ff rgb(59,117,255)
```
#4e83ff
```
#4e83ff rgb(78,131,255)
```
#6291ff
```
#6291ff rgb(98,145,255)
```
#769fff
```
#769fff rgb(118,159,255)
```
#89acff
```
#89acff rgb(137,172,255)
```
#9dbaff
```
#9dbaff rgb(157,186,255)
```
#b1c8ff
```
#b1c8ff rgb(177,200,255)
```
#c4d6ff
```
#c4d6ff rgb(196,214,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, #767c89 is the less saturated color, while #004cff is the most saturated one.

#767c89
```
#767c89 rgb(118,124,137)
```
#6c7893
```
#6c7893 rgb(108,120,147)
```
#62749d
```
#62749d rgb(98,116,157)
```
#5870a7
```
#5870a7 rgb(88,112,167)
```
#4e6cb1
```
#4e6cb1 rgb(78,108,177)
```
#4568ba
```
#4568ba rgb(69,104,186)
```
#3b64c4
```
#3b64c4 rgb(59,100,196)
```
#3160ce
```
#3160ce rgb(49,96,206)
```
#275cd8
```
#275cd8 rgb(39,92,216)
```
#1d58e2
```
#1d58e2 rgb(29,88,226)
```
#1454eb
```
#1454eb rgb(20,84,235)
```
#0a50f5
```
#0a50f5 rgb(10,80,245)
```
#004cff
```
#004cff rgb(0,76,255)
```

Tone Color Variation

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

#4a4a4a Achromatopsia 0.005% of the population
#3b4a6e Atypical Achromatopsia 0.001% of the population

Dichromacy

#0067c9 Protanopia 1% of men
#006dae Deuteranopia 1% of men
#00757a Tritanopia 0.001% of the population

Trichromacy

#005ddd Protanomaly 1% of men, 0.01% of women
#0061cb Deuteranomaly 6% of men, 0.4% of women
#0066aa Tritanomaly 0.01% of the population

#004cff hex color

#004cff Color Information

#004cff Color Conversion

Color Schemes with #004cff

Alternatives to #004cff

#004cff Preview

Shades and Tints of #004cff

Tones of #004cff

Color Blindness Simulator