#014ae2 hex color

In a RGB color space, hex #014ae2 is composed of 0.4% red, 29% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 99.6% cyan, 67.3% magenta, 0% yellow and 11.4% black. It has a hue angle of 220.5 degrees, a saturation of 99.1% and a lightness of 44.5%. #014ae2 color hex could be obtained by blending #0294ff with #0000c5. Closest websafe color is: #0033cc.

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

● #014ae2 color description : Vivid blue.

The hexadecimal color #014ae2 has RGB values of R:1, G:74, B:226 and CMYK values of C:1, M:0.67, Y:0, K:0.11. Its decimal value is 84706.

Hex triplet	014ae2	`#014ae2`
RGB Decimal	1, 74, 226	`rgb(1,74,226)`
RGB Percent	0.4, 29, 88.6	`rgb(0.4%,29%,88.6%)`
CMYK	100, 67, 0, 11
HSL	220.5°, 99.1, 44.5	`hsl(220.5,99.1%,44.5%)`
HSV (or HSB)	220.5°, 99.6, 88.6
Web Safe	0033cc	`#0033cc`

CIE-LAB	38.54, 42.057, -81.092
XYZ	16.186, 10.394, 73.1
xyY	0.162, 0.104, 10.394
CIE-LCH	38.54, 91.349, 297.413
CIE-LUV	38.54, -16.243, -114.901
Hunter-Lab	32.239, 33.199, -111.869
Binary	00000001, 01001010, 11100010

#014ae2
```
#014ae2 rgb(1,74,226)
```
#e29901
```
#e29901 rgb(226,153,1)
```

Complementary Color

#01bbe2
```
#01bbe2 rgb(1,187,226)
```
#014ae2
```
#014ae2 rgb(1,74,226)
```
#2801e2
```
#2801e2 rgb(40,1,226)
```

Analogous Color

#bbe201
```
#bbe201 rgb(187,226,1)
```
#014ae2
```
#014ae2 rgb(1,74,226)
```
#e22801
```
#e22801 rgb(226,40,1)
```

Split Complementary Color

#4ae201
```
#4ae201 rgb(74,226,1)
```
#014ae2
```
#014ae2 rgb(1,74,226)
```
#e2014a
```
#e2014a rgb(226,1,74)
```

Triadic Color

#01e299
```
#01e299 rgb(1,226,153)
```
#014ae2
```
#014ae2 rgb(1,74,226)
```
#e2014a
```
#e2014a rgb(226,1,74)
```
#e29901
```
#e29901 rgb(226,153,1)
```

Tetradic Color

#013196
```
#013196 rgb(1,49,150)
```
#0139af
```
#0139af rgb(1,57,175)
```
#0142c9
```
#0142c9 rgb(1,66,201)
```
#014ae2
```
#014ae2 rgb(1,74,226)
```
#0152fb
```
#0152fb rgb(1,82,251)
```
#1863fe
```
#1863fe rgb(24,99,254)
```
#3174fe
```
#3174fe rgb(49,116,254)
```

Monochromatic Color

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

#0182e2
```
#0182e2 rgb(1,130,226)
```
#0170e2
```
#0170e2 rgb(1,112,226)
```
#015de2
```
#015de2 rgb(1,93,226)
```
#014ae2
```
#014ae2 rgb(1,74,226)
```
#0137e2
```
#0137e2 rgb(1,55,226)
```
#0125e2
```
#0125e2 rgb(1,37,226)
```
#0112e2
```
#0112e2 rgb(1,18,226)
```

Similar Colors

Text with hexadecimal color #014ae2

This text has a font color of #014ae2.

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

#014ae2 background color

This paragraph has a background color of #014ae2.

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

#014ae2 border color

This element has a border color of #014ae2.

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

CSS codes

.text {color:#014ae2;}

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

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

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, #00040b is the darkest color, while #f7f9ff is the lightest one.

#00040b
```
#00040b rgb(0,4,11)
```
#000a1f
```
#000a1f rgb(0,10,31)
```
#001032
```
#001032 rgb(0,16,50)
```
#001746
```
#001746 rgb(0,23,70)
```
#001d59
```
#001d59 rgb(0,29,89)
```
#00246d
```
#00246d rgb(0,36,109)
```
#012a80
```
#012a80 rgb(1,42,128)
```
#013094
```
#013094 rgb(1,48,148)
```
#0137a7
```
#0137a7 rgb(1,55,167)
```
#013dbb
```
#013dbb rgb(1,61,187)
```
#0144ce
```
#0144ce rgb(1,68,206)
```
#014ae2
```
#014ae2 rgb(1,74,226)
```
#0150f6
```
#0150f6 rgb(1,80,246)
```

Shade Color Variation

#0c5bfe
```
#0c5bfe rgb(12,91,254)
```
#2068fe
```
#2068fe rgb(32,104,254)
```
#3375fe
```
#3375fe rgb(51,117,254)
```
#4782fe
```
#4782fe rgb(71,130,254)
```
#5a90fe
```
#5a90fe rgb(90,144,254)
```
#6e9dfe
```
#6e9dfe rgb(110,157,254)
```
#81aafe
```
#81aafe rgb(129,170,254)
```
#95b7ff
```
#95b7ff rgb(149,183,255)
```
#a9c4ff
```
#a9c4ff rgb(169,196,255)
```
#bcd2ff
```
#bcd2ff rgb(188,210,255)
```
#d0dfff
```
#d0dfff rgb(208,223,255)
```
#e3ecff
```
#e3ecff rgb(227,236,255)
```
#f7f9ff
```
#f7f9ff rgb(247,249,255)
```

Tint Color Variation

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

#6a6f79
```
#6a6f79 rgb(106,111,121)
```
#616c82
```
#616c82 rgb(97,108,130)
```
#58698b
```
#58698b rgb(88,105,139)
```
#506693
```
#506693 rgb(80,102,147)
```
#47639c
```
#47639c rgb(71,99,156)
```
#3e5fa5
```
#3e5fa5 rgb(62,95,165)
```
#355cae
```
#355cae rgb(53,92,174)
```
#2d59b6
```
#2d59b6 rgb(45,89,182)
```
#2456bf
```
#2456bf rgb(36,86,191)
```
#1b53c8
```
#1b53c8 rgb(27,83,200)
```
#1250d1
```
#1250d1 rgb(18,80,209)
```
#0a4dd9
```
#0a4dd9 rgb(10,77,217)
```
#014ae2
```
#014ae2 rgb(1,74,226)
```

Tone Color Variation

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

#464646 Achromatopsia 0.005% of the population
#384765 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0060bb Protanopia 1% of men
#0066a2 Deuteranopia 1% of men
#006d72 Tritanopia 0.001% of the population

Trichromacy

#0058c9 Protanomaly 1% of men, 0.01% of women
#005bb9 Deuteranomaly 6% of men, 0.4% of women
#00609a Tritanomaly 0.01% of the population

#014ae2 hex color

#014ae2 Color Information

#014ae2 Color Conversion

Color Schemes with #014ae2

Alternatives to #014ae2

#014ae2 Preview

Shades and Tints of #014ae2

Tones of #014ae2

Color Blindness Simulator