#004af0 hex color

In a RGB color space, hex #004af0 is composed of 0% red, 29% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 69.2% magenta, 0% yellow and 5.9% black. It has a hue angle of 221.5 degrees, a saturation of 100% and a lightness of 47.1%. #004af0 color hex could be obtained by blending #0094ff with #0000e1. Closest websafe color is: #0033ff.

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

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

The hexadecimal color #004af0 has RGB values of R:0, G:74, B:240 and CMYK values of C:1, M:0.69, Y:0, K:0.06. Its decimal value is 19184.

Hex triplet	004af0	`#004af0`
RGB Decimal	0, 74, 240	`rgb(0,74,240)`
RGB Percent	0, 29, 94.1	`rgb(0%,29%,94.1%)`
CMYK	100, 69, 0, 6
HSL	221.5°, 100, 47.1	`hsl(221.5,100%,47.1%)`
HSV (or HSB)	221.5°, 100, 94.1
Web Safe	0033ff	`#0033ff`

CIE-LAB	39.894, 47.129, -86.794
XYZ	18.174, 11.187, 83.635
xyY	0.161, 0.099, 11.187
CIE-LCH	39.894, 98.765, 298.502
CIE-LUV	39.894, -16.309, -123.368
Hunter-Lab	33.447, 38.455, -124.841
Binary	00000000, 01001010, 11110000

#004af0
```
#004af0 rgb(0,74,240)
```
#f0a600
```
#f0a600 rgb(240,166,0)
```

Complementary Color

#00c2f0
```
#00c2f0 rgb(0,194,240)
```
#004af0
```
#004af0 rgb(0,74,240)
```
#2e00f0
```
#2e00f0 rgb(46,0,240)
```

Analogous Color

#c2f000
```
#c2f000 rgb(194,240,0)
```
#004af0
```
#004af0 rgb(0,74,240)
```
#f02e00
```
#f02e00 rgb(240,46,0)
```

Split Complementary Color

#4af000
```
#4af000 rgb(74,240,0)
```
#004af0
```
#004af0 rgb(0,74,240)
```
#f0004a
```
#f0004a rgb(240,0,74)
```

Triadic Color

#00f0a6
```
#00f0a6 rgb(0,240,166)
```
#004af0
```
#004af0 rgb(0,74,240)
```
#f0004a
```
#f0004a rgb(240,0,74)
```
#f0a600
```
#f0a600 rgb(240,166,0)
```

Tetradic Color

#0032a4
```
#0032a4 rgb(0,50,164)
```
#003abd
```
#003abd rgb(0,58,189)
```
#0042d7
```
#0042d7 rgb(0,66,215)
```
#004af0
```
#004af0 rgb(0,74,240)
```
#0b56ff
```
#0b56ff rgb(11,86,255)
```
#2468ff
```
#2468ff rgb(36,104,255)
```
#3e79ff
```
#3e79ff rgb(62,121,255)
```

Monochromatic Color

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

#0086f0
```
#0086f0 rgb(0,134,240)
```
#0072f0
```
#0072f0 rgb(0,114,240)
```
#005ef0
```
#005ef0 rgb(0,94,240)
```
#004af0
```
#004af0 rgb(0,74,240)
```
#0036f0
```
#0036f0 rgb(0,54,240)
```
#0022f0
```
#0022f0 rgb(0,34,240)
```
#000ef0
```
#000ef0 rgb(0,14,240)
```

Similar Colors

Text with hexadecimal color #004af0

This text has a font color of #004af0.

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

#004af0 background color

This paragraph has a background color of #004af0.

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

#004af0 border color

This element has a border color of #004af0.

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

CSS codes

.text {color:#004af0;}

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

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

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

#000105
```
#000105 rgb(0,1,5)
```
#000718
```
#000718 rgb(0,7,24)
```
#000e2c
```
#000e2c rgb(0,14,44)
```
#00143f
```
#00143f rgb(0,20,63)
```
#001a53
```
#001a53 rgb(0,26,83)
```
#002067
```
#002067 rgb(0,32,103)
```
#00267a
```
#00267a rgb(0,38,122)
```
#002c8e
```
#002c8e rgb(0,44,142)
```
#0032a2
```
#0032a2 rgb(0,50,162)
```
#0038b5
```
#0038b5 rgb(0,56,181)
```
#003ec9
```
#003ec9 rgb(0,62,201)
```
#0044dc
```
#0044dc rgb(0,68,220)
```
#004af0
```
#004af0 rgb(0,74,240)
```

Shade Color Variation

#0552ff
```
#0552ff rgb(5,82,255)
```
#185fff
```
#185fff rgb(24,95,255)
```
#2c6dff
```
#2c6dff rgb(44,109,255)
```
#3f7bff
```
#3f7bff rgb(63,123,255)
```
#5388ff
```
#5388ff rgb(83,136,255)
```
#6796ff
```
#6796ff rgb(103,150,255)
```
#7aa3ff
```
#7aa3ff rgb(122,163,255)
```
#8eb1ff
```
#8eb1ff rgb(142,177,255)
```
#a2beff
```
#a2beff rgb(162,190,255)
```
#b5ccff
```
#b5ccff rgb(181,204,255)
```
#c9d9ff
```
#c9d9ff rgb(201,217,255)
```
#dce7ff
```
#dce7ff rgb(220,231,255)
```
#f0f5ff
```
#f0f5ff rgb(240,245,255)
```

Tint Color Variation

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

#6f7481
```
#6f7481 rgb(111,116,129)
```
#66718a
```
#66718a rgb(102,113,138)
```
#5c6d94
```
#5c6d94 rgb(92,109,148)
```
#536a9d
```
#536a9d rgb(83,106,157)
```
#4a66a6
```
#4a66a6 rgb(74,102,166)
```
#4163af
```
#4163af rgb(65,99,175)
```
#375fb9
```
#375fb9 rgb(55,95,185)
```
#2e5cc2
```
#2e5cc2 rgb(46,92,194)
```
#2558cb
```
#2558cb rgb(37,88,203)
```
#1c55d4
```
#1c55d4 rgb(28,85,212)
```
#1251de
```
#1251de rgb(18,81,222)
```
#094ee7
```
#094ee7 rgb(9,78,231)
```
#004af0
```
#004af0 rgb(0,74,240)
```

Tone Color Variation

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

#474747 Achromatopsia 0.005% of the population
#394869 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0063c1 Protanopia 1% of men
#0069a7 Deuteranopia 1% of men
#007075 Tritanopia 0.001% of the population

Trichromacy

#005ad2 Protanomaly 1% of men, 0.01% of women
#005dc1 Deuteranomaly 6% of men, 0.4% of women
#0062a2 Tritanomaly 0.01% of the population

#004af0 hex color

#004af0 Color Information

#004af0 Color Conversion

Color Schemes with #004af0

Alternatives to #004af0

#004af0 Preview

Shades and Tints of #004af0

Tones of #004af0

Color Blindness Simulator