#014af0 hex color

In a RGB color space, hex #014af0 is composed of 0.4% red, 29% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 99.6% cyan, 69.2% magenta, 0% yellow and 5.9% black. It has a hue angle of 221.7 degrees, a saturation of 99.2% and a lightness of 47.3%. #014af0 color hex could be obtained by blending #0294ff 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

● #014af0 color description : Vivid blue.

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

Hex triplet	014af0	`#014af0`
RGB Decimal	1, 74, 240	`rgb(1,74,240)`
RGB Percent	0.4, 29, 94.1	`rgb(0.4%,29%,94.1%)`
CMYK	100, 69, 0, 6
HSL	221.7°, 99.2, 47.3	`hsl(221.7,99.2%,47.3%)`
HSV (or HSB)	221.7°, 99.6, 94.1
Web Safe	0033ff	`#0033ff`

CIE-LAB	39.905, 47.149, -86.776
XYZ	18.186, 11.194, 83.635
xyY	0.161, 0.099, 11.194
CIE-LCH	39.905, 98.758, 298.517
CIE-LUV	39.905, -16.276, -123.362
Hunter-Lab	33.457, 38.477, -124.792
Binary	00000001, 01001010, 11110000

#014af0
```
#014af0 rgb(1,74,240)
```
#f0a701
```
#f0a701 rgb(240,167,1)
```

Complementary Color

#01c2f0
```
#01c2f0 rgb(1,194,240)
```
#014af0
```
#014af0 rgb(1,74,240)
```
#2f01f0
```
#2f01f0 rgb(47,1,240)
```

Analogous Color

#c2f001
```
#c2f001 rgb(194,240,1)
```
#014af0
```
#014af0 rgb(1,74,240)
```
#f02f01
```
#f02f01 rgb(240,47,1)
```

Split Complementary Color

#4af001
```
#4af001 rgb(74,240,1)
```
#014af0
```
#014af0 rgb(1,74,240)
```
#f0014a
```
#f0014a rgb(240,1,74)
```

Triadic Color

#01f0a7
```
#01f0a7 rgb(1,240,167)
```
#014af0
```
#014af0 rgb(1,74,240)
```
#f0014a
```
#f0014a rgb(240,1,74)
```
#f0a701
```
#f0a701 rgb(240,167,1)
```

Tetradic Color

#0133a4
```
#0133a4 rgb(1,51,164)
```
#013abd
```
#013abd rgb(1,58,189)
```
#0142d7
```
#0142d7 rgb(1,66,215)
```
#014af0
```
#014af0 rgb(1,74,240)
```
#0d56fe
```
#0d56fe rgb(13,86,254)
```
#2668fe
```
#2668fe rgb(38,104,254)
```
#3f7afe
```
#3f7afe rgb(63,122,254)
```

Monochromatic Color

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

#0186f0
```
#0186f0 rgb(1,134,240)
```
#0172f0
```
#0172f0 rgb(1,114,240)
```
#015ef0
```
#015ef0 rgb(1,94,240)
```
#014af0
```
#014af0 rgb(1,74,240)
```
#0136f0
```
#0136f0 rgb(1,54,240)
```
#0122f0
```
#0122f0 rgb(1,34,240)
```
#010ef0
```
#010ef0 rgb(1,14,240)
```

Similar Colors

Text with hexadecimal color #014af0

This text has a font color of #014af0.

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

#014af0 background color

This paragraph has a background color of #014af0.

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

#014af0 border color

This element has a border color of #014af0.

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

CSS codes

.text {color:#014af0;}

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

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

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

#000206
```
#000206 rgb(0,2,6)
```
#000819
```
#000819 rgb(0,8,25)
```
#000e2d
```
#000e2d rgb(0,14,45)
```
#001440
```
#001440 rgb(0,20,64)
```
#001a54
```
#001a54 rgb(0,26,84)
```
#002067
```
#002067 rgb(0,32,103)
```
#01267b
```
#01267b rgb(1,38,123)
```
#012c8e
```
#012c8e rgb(1,44,142)
```
#0132a2
```
#0132a2 rgb(1,50,162)
```
#0138b5
```
#0138b5 rgb(1,56,181)
```
#013ec9
```
#013ec9 rgb(1,62,201)
```
#0144dc
```
#0144dc rgb(1,68,220)
```
#014af0
```
#014af0 rgb(1,74,240)
```

Shade Color Variation

#0752fe
```
#0752fe rgb(7,82,254)
```
#1a60fe
```
#1a60fe rgb(26,96,254)
```
#2e6dfe
```
#2e6dfe rgb(46,109,254)
```
#417bfe
```
#417bfe rgb(65,123,254)
```
#5589fe
```
#5589fe rgb(85,137,254)
```
#6896fe
```
#6896fe rgb(104,150,254)
```
#7ca4fe
```
#7ca4fe rgb(124,164,254)
```
#8fb1ff
```
#8fb1ff rgb(143,177,255)
```
#a3bfff
```
#a3bfff rgb(163,191,255)
```
#b6cdff
```
#b6cdff rgb(182,205,255)
```
#cadaff
```
#cadaff rgb(202,218,255)
```
#dee8ff
```
#dee8ff rgb(222,232,255)
```
#f1f5ff
```
#f1f5ff rgb(241,245,255)
```

Tint Color Variation

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

#707581
```
#707581 rgb(112,117,129)
```
#67728a
```
#67728a rgb(103,114,138)
```
#5e6e93
```
#5e6e93 rgb(94,110,147)
```
#546a9d
```
#546a9d rgb(84,106,157)
```
#4b67a6
```
#4b67a6 rgb(75,103,166)
```
#4263af
```
#4263af rgb(66,99,175)
```
#3960b8
```
#3960b8 rgb(57,96,184)
```
#2f5cc2
```
#2f5cc2 rgb(47,92,194)
```
#2658cb
```
#2658cb rgb(38,88,203)
```
#1d55d4
```
#1d55d4 rgb(29,85,212)
```
#1451dd
```
#1451dd rgb(20,81,221)
```
#0a4ee7
```
#0a4ee7 rgb(10,78,231)
```
#014af0
```
#014af0 rgb(1,74,240)
```

Tone Color Variation

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

#014af0 hex color

#014af0 Color Information

#014af0 Color Conversion

Color Schemes with #014af0

Alternatives to #014af0

#014af0 Preview

Shades and Tints of #014af0

Tones of #014af0

Color Blindness Simulator