#034ae2 hex color

In a RGB color space, hex #034ae2 is composed of 1.2% red, 29% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 98.7% cyan, 67.3% magenta, 0% yellow and 11.4% black. It has a hue angle of 220.9 degrees, a saturation of 97.4% and a lightness of 44.9%. #034ae2 color hex could be obtained by blending #0694ff with #0000c5. Closest websafe color is: #0033cc.

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

● #034ae2 color description : Vivid blue.

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

Hex triplet	034ae2	`#034ae2`
RGB Decimal	3, 74, 226	`rgb(3,74,226)`
RGB Percent	1.2, 29, 88.6	`rgb(1.2%,29%,88.6%)`
CMYK	99, 67, 0, 11
HSL	220.9°, 97.4, 44.9	`hsl(220.9,97.4%,44.9%)`
HSV (or HSB)	220.9°, 98.7, 88.6
Web Safe	0033cc	`#0033cc`

CIE-LAB	38.562, 42.102, -81.054
XYZ	16.211, 10.407, 73.102
xyY	0.163, 0.104, 10.407
CIE-LCH	38.562, 91.336, 297.449
CIE-LUV	38.562, -16.172, -114.888
Hunter-Lab	32.259, 33.247, -111.774
Binary	00000011, 01001010, 11100010

#034ae2
```
#034ae2 rgb(3,74,226)
```
#e29b03
```
#e29b03 rgb(226,155,3)
```

Complementary Color

#03bae2
```
#03bae2 rgb(3,186,226)
```
#034ae2
```
#034ae2 rgb(3,74,226)
```
#2b03e2
```
#2b03e2 rgb(43,3,226)
```

Analogous Color

#bae203
```
#bae203 rgb(186,226,3)
```
#034ae2
```
#034ae2 rgb(3,74,226)
```
#e22b03
```
#e22b03 rgb(226,43,3)
```

Split Complementary Color

#4ae203
```
#4ae203 rgb(74,226,3)
```
#034ae2
```
#034ae2 rgb(3,74,226)
```
#e2034a
```
#e2034a rgb(226,3,74)
```

Triadic Color

#03e29b
```
#03e29b rgb(3,226,155)
```
#034ae2
```
#034ae2 rgb(3,74,226)
```
#e2034a
```
#e2034a rgb(226,3,74)
```
#e29b03
```
#e29b03 rgb(226,155,3)
```

Tetradic Color

#023197
```
#023197 rgb(2,49,151)
```
#023ab0
```
#023ab0 rgb(2,58,176)
```
#0342c9
```
#0342c9 rgb(3,66,201)
```
#034ae2
```
#034ae2 rgb(3,74,226)
```
#0352fb
```
#0352fb rgb(3,82,251)
```
#1c63fc
```
#1c63fc rgb(28,99,252)
```
#3575fc
```
#3575fc rgb(53,117,252)
```

Monochromatic Color

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

#0382e2
```
#0382e2 rgb(3,130,226)
```
#036fe2
```
#036fe2 rgb(3,111,226)
```
#035de2
```
#035de2 rgb(3,93,226)
```
#034ae2
```
#034ae2 rgb(3,74,226)
```
#0337e2
```
#0337e2 rgb(3,55,226)
```
#0325e2
```
#0325e2 rgb(3,37,226)
```
#0312e2
```
#0312e2 rgb(3,18,226)
```

Similar Colors

Text with hexadecimal color #034ae2

This text has a font color of #034ae2.

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

#034ae2 background color

This paragraph has a background color of #034ae2.

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

#034ae2 border color

This element has a border color of #034ae2.

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

CSS codes

.text {color:#034ae2;}

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

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

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

#00040d
```
#00040d rgb(0,4,13)
```
#000b20
```
#000b20 rgb(0,11,32)
```
#011134
```
#011134 rgb(1,17,52)
```
#011747
```
#011747 rgb(1,23,71)
```
#011e5a
```
#011e5a rgb(1,30,90)
```
#01246e
```
#01246e rgb(1,36,110)
```
#022a81
```
#022a81 rgb(2,42,129)
```
#023195
```
#023195 rgb(2,49,149)
```
#0237a8
```
#0237a8 rgb(2,55,168)
```
#023dbb
```
#023dbb rgb(2,61,187)
```
#0344cf
```
#0344cf rgb(3,68,207)
```
#034ae2
```
#034ae2 rgb(3,74,226)
```
#0350f5
```
#0350f5 rgb(3,80,245)
```

Shade Color Variation

#105bfc
```
#105bfc rgb(16,91,252)
```
#2469fc
```
#2469fc rgb(36,105,252)
```
#3776fc
```
#3776fc rgb(55,118,252)
```
#4a83fd
```
#4a83fd rgb(74,131,253)
```
#5e90fd
```
#5e90fd rgb(94,144,253)
```
#719efd
```
#719efd rgb(113,158,253)
```
#85abfd
```
#85abfd rgb(133,171,253)
```
#98b8fe
```
#98b8fe rgb(152,184,254)
```
#abc6fe
```
#abc6fe rgb(171,198,254)
```
#bfd3fe
```
#bfd3fe rgb(191,211,254)
```
#d2e0fe
```
#d2e0fe rgb(210,224,254)
```
#e5edff
```
#e5edff rgb(229,237,255)
```
#f9fbff
```
#f9fbff rgb(249,251,255)
```

Tint Color Variation

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

#6d7078
```
#6d7078 rgb(109,112,120)
```
#646d81
```
#646d81 rgb(100,109,129)
```
#5b6a8a
```
#5b6a8a rgb(91,106,138)
```
#526793
```
#526793 rgb(82,103,147)
```
#49649c
```
#49649c rgb(73,100,156)
```
#4160a4
```
#4160a4 rgb(65,96,164)
```
#385dad
```
#385dad rgb(56,93,173)
```
#2f5ab6
```
#2f5ab6 rgb(47,90,182)
```
#2657bf
```
#2657bf rgb(38,87,191)
```
#1d54c8
```
#1d54c8 rgb(29,84,200)
```
#1550d0
```
#1550d0 rgb(21,80,208)
```
#0c4dd9
```
#0c4dd9 rgb(12,77,217)
```
#034ae2
```
#034ae2 rgb(3,74,226)
```

Tone Color Variation

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

#0158c9 Protanomaly 1% of men, 0.01% of women
#015bb9 Deuteranomaly 6% of men, 0.4% of women
#01609a Tritanomaly 0.01% of the population

#034ae2 hex color

#034ae2 Color Information

#034ae2 Color Conversion

Color Schemes with #034ae2

Alternatives to #034ae2

#034ae2 Preview

Shades and Tints of #034ae2

Tones of #034ae2

Color Blindness Simulator