#004cf2 hex color

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

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

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

The hexadecimal color #004cf2 has RGB values of R:0, G:76, B:242 and CMYK values of C:1, M:0.69, Y:0, K:0.05. Its decimal value is 19698.

Hex triplet	004cf2	`#004cf2`
RGB Decimal	0, 76, 242	`rgb(0,76,242)`
RGB Percent	0, 29.8, 94.9	`rgb(0%,29.8%,94.9%)`
CMYK	100, 69, 0, 5
HSL	221.2°, 100, 47.5	`hsl(221.2,100%,47.5%)`
HSV (or HSB)	221.2°, 100, 94.9
Web Safe	0033ff	`#0033ff`

CIE-LAB	40.538, 46.633, -86.859
XYZ	18.608, 11.578, 85.254
xyY	0.161, 0.1, 11.578
CIE-LCH	40.538, 98.586, 298.231
CIE-LUV	40.538, -16.711, -124.244
Hunter-Lab	34.027, 38.07, -124.732
Binary	00000000, 01001100, 11110010

#004cf2
```
#004cf2 rgb(0,76,242)
```
#f2a600
```
#f2a600 rgb(242,166,0)
```

Complementary Color

#00c5f2
```
#00c5f2 rgb(0,197,242)
```
#004cf2
```
#004cf2 rgb(0,76,242)
```
#2d00f2
```
#2d00f2 rgb(45,0,242)
```

Analogous Color

#c5f200
```
#c5f200 rgb(197,242,0)
```
#004cf2
```
#004cf2 rgb(0,76,242)
```
#f22d00
```
#f22d00 rgb(242,45,0)
```

Split Complementary Color

#4cf200
```
#4cf200 rgb(76,242,0)
```
#004cf2
```
#004cf2 rgb(0,76,242)
```
#f2004c
```
#f2004c rgb(242,0,76)
```

Triadic Color

#00f2a6
```
#00f2a6 rgb(0,242,166)
```
#004cf2
```
#004cf2 rgb(0,76,242)
```
#f2004c
```
#f2004c rgb(242,0,76)
```
#f2a600
```
#f2a600 rgb(242,166,0)
```

Tetradic Color

#0034a6
```
#0034a6 rgb(0,52,166)
```
#003cbf
```
#003cbf rgb(0,60,191)
```
#0044d9
```
#0044d9 rgb(0,68,217)
```
#004cf2
```
#004cf2 rgb(0,76,242)
```
#0d59ff
```
#0d59ff rgb(13,89,255)
```
#266aff
```
#266aff rgb(38,106,255)
```
#407cff
```
#407cff rgb(64,124,255)
```

Monochromatic Color

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

#0089f2
```
#0089f2 rgb(0,137,242)
```
#0074f2
```
#0074f2 rgb(0,116,242)
```
#0060f2
```
#0060f2 rgb(0,96,242)
```
#004cf2
```
#004cf2 rgb(0,76,242)
```
#0038f2
```
#0038f2 rgb(0,56,242)
```
#0024f2
```
#0024f2 rgb(0,36,242)
```
#0010f2
```
#0010f2 rgb(0,16,242)
```

Similar Colors

Text with hexadecimal color #004cf2

This text has a font color of #004cf2.

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

#004cf2 background color

This paragraph has a background color of #004cf2.

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

#004cf2 border color

This element has a border color of #004cf2.

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

CSS codes

.text {color:#004cf2;}

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

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

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

#000207
```
#000207 rgb(0,2,7)
```
#00081a
```
#00081a rgb(0,8,26)
```
#000e2e
```
#000e2e rgb(0,14,46)
```
#001541
```
#001541 rgb(0,21,65)
```
#001b55
```
#001b55 rgb(0,27,85)
```
#002169
```
#002169 rgb(0,33,105)
```
#00277c
```
#00277c rgb(0,39,124)
```
#002d90
```
#002d90 rgb(0,45,144)
```
#0033a4
```
#0033a4 rgb(0,51,164)
```
#003ab7
```
#003ab7 rgb(0,58,183)
```
#0040cb
```
#0040cb rgb(0,64,203)
```
#0046de
```
#0046de rgb(0,70,222)
```
#004cf2
```
#004cf2 rgb(0,76,242)
```

Shade Color Variation

#0755ff
```
#0755ff rgb(7,85,255)
```
#1a62ff
```
#1a62ff rgb(26,98,255)
```
#2e70ff
```
#2e70ff rgb(46,112,255)
```
#417dff
```
#417dff rgb(65,125,255)
```
#558aff
```
#558aff rgb(85,138,255)
```
#6998ff
```
#6998ff rgb(105,152,255)
```
#7ca5ff
```
#7ca5ff rgb(124,165,255)
```
#90b3ff
```
#90b3ff rgb(144,179,255)
```
#a4c0ff
```
#a4c0ff rgb(164,192,255)
```
#b7ceff
```
#b7ceff rgb(183,206,255)
```
#cbdbff
```
#cbdbff rgb(203,219,255)
```
#dee9ff
```
#dee9ff rgb(222,233,255)
```
#f2f6ff
```
#f2f6ff rgb(242,246,255)
```

Tint Color Variation

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

#707682
```
#707682 rgb(112,118,130)
```
#66728c
```
#66728c rgb(102,114,140)
```
#5d6f95
```
#5d6f95 rgb(93,111,149)
```
#546b9e
```
#546b9e rgb(84,107,158)
```
#4a68a8
```
#4a68a8 rgb(74,104,168)
```
#4164b1
```
#4164b1 rgb(65,100,177)
```
#3861ba
```
#3861ba rgb(56,97,186)
```
#2f5dc3
```
#2f5dc3 rgb(47,93,195)
```
#255acd
```
#255acd rgb(37,90,205)
```
#1c56d6
```
#1c56d6 rgb(28,86,214)
```
#1353df
```
#1353df rgb(19,83,223)
```
#094fe9
```
#094fe9 rgb(9,79,233)
```
#004cf2
```
#004cf2 rgb(0,76,242)
```

Tone Color Variation

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

#484848 Achromatopsia 0.005% of the population
#3a496a Atypical Achromatopsia 0.001% of the population

Dichromacy

#0064c4 Protanopia 1% of men
#006aaa Deuteranopia 1% of men
#007277 Tritanopia 0.001% of the population

Trichromacy

#005bd4 Protanomaly 1% of men, 0.01% of women
#005fc4 Deuteranomaly 6% of men, 0.4% of women
#0064a3 Tritanomaly 0.01% of the population

#004cf2 hex color

#004cf2 Color Information

#004cf2 Color Conversion

Color Schemes with #004cf2

Alternatives to #004cf2

#004cf2 Preview

Shades and Tints of #004cf2

Tones of #004cf2

Color Blindness Simulator