#034be2 hex color

In a RGB color space, hex #034be2 is composed of 1.2% red, 29.4% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 98.7% cyan, 66.8% magenta, 0% yellow and 11.4% black. It has a hue angle of 220.6 degrees, a saturation of 97.4% and a lightness of 44.9%. #034be2 color hex could be obtained by blending #0696ff 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

● #034be2 color description : Vivid blue.

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

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

CIE-LAB	38.797, 41.476, -80.668
XYZ	16.278, 10.541, 73.124
xyY	0.163, 0.105, 10.541
CIE-LCH	38.797, 90.706, 297.21
CIE-LUV	38.797, -16.382, -114.694
Hunter-Lab	32.467, 32.678, -110.809
Binary	00000011, 01001011, 11100010

#034be2
```
#034be2 rgb(3,75,226)
```
#e29a03
```
#e29a03 rgb(226,154,3)
```

Complementary Color

#03bbe2
```
#03bbe2 rgb(3,187,226)
```
#034be2
```
#034be2 rgb(3,75,226)
```
#2b03e2
```
#2b03e2 rgb(43,3,226)
```

Analogous Color

#bbe203
```
#bbe203 rgb(187,226,3)
```
#034be2
```
#034be2 rgb(3,75,226)
```
#e22a03
```
#e22a03 rgb(226,42,3)
```

Split Complementary Color

#4be203
```
#4be203 rgb(75,226,3)
```
#034be2
```
#034be2 rgb(3,75,226)
```
#e2034b
```
#e2034b rgb(226,3,75)
```

Triadic Color

#03e29a
```
#03e29a rgb(3,226,154)
```
#034be2
```
#034be2 rgb(3,75,226)
```
#e2034b
```
#e2034b rgb(226,3,75)
```
#e29a03
```
#e29a03 rgb(226,154,3)
```

Tetradic Color

#023297
```
#023297 rgb(2,50,151)
```
#023ab0
```
#023ab0 rgb(2,58,176)
```
#0343c9
```
#0343c9 rgb(3,67,201)
```
#034be2
```
#034be2 rgb(3,75,226)
```
#0353fb
```
#0353fb rgb(3,83,251)
```
#1c64fc
```
#1c64fc rgb(28,100,252)
```
#3575fc
```
#3575fc rgb(53,117,252)
```

Monochromatic Color

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

#0383e2
```
#0383e2 rgb(3,131,226)
```
#0370e2
```
#0370e2 rgb(3,112,226)
```
#035ee2
```
#035ee2 rgb(3,94,226)
```
#034be2
```
#034be2 rgb(3,75,226)
```
#0338e2
```
#0338e2 rgb(3,56,226)
```
#0326e2
```
#0326e2 rgb(3,38,226)
```
#0313e2
```
#0313e2 rgb(3,19,226)
```

Similar Colors

Text with hexadecimal color #034be2

This text has a font color of #034be2.

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

#034be2 background color

This paragraph has a background color of #034be2.

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

#034be2 border color

This element has a border color of #034be2.

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

CSS codes

.text {color:#034be2;}

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

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

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)
```
#011847
```
#011847 rgb(1,24,71)
```
#011e5a
```
#011e5a rgb(1,30,90)
```
#01246e
```
#01246e rgb(1,36,110)
```
#022b81
```
#022b81 rgb(2,43,129)
```
#023195
```
#023195 rgb(2,49,149)
```
#0238a8
```
#0238a8 rgb(2,56,168)
```
#023ebb
```
#023ebb rgb(2,62,187)
```
#0345cf
```
#0345cf rgb(3,69,207)
```
#034be2
```
#034be2 rgb(3,75,226)
```
#0351f5
```
#0351f5 rgb(3,81,245)
```

Shade Color Variation

#105cfc
```
#105cfc rgb(16,92,252)
```
#246afc
```
#246afc rgb(36,106,252)
```
#3777fc
```
#3777fc rgb(55,119,252)
```
#4a84fd
```
#4a84fd rgb(74,132,253)
```
#5e91fd
```
#5e91fd rgb(94,145,253)
```
#719efd
```
#719efd rgb(113,158,253)
```
#85acfd
```
#85acfd rgb(133,172,253)
```
#98b9fe
```
#98b9fe rgb(152,185,254)
```
#abc6fe
```
#abc6fe rgb(171,198,254)
```
#bfd3fe
```
#bfd3fe rgb(191,211,254)
```
#d2e0fe
```
#d2e0fe rgb(210,224,254)
```
#e5eeff
```
#e5eeff rgb(229,238,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 #034be2 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)
```
#4161a4
```
#4161a4 rgb(65,97,164)
```
#385ead
```
#385ead rgb(56,94,173)
```
#2f5bb6
```
#2f5bb6 rgb(47,91,182)
```
#2657bf
```
#2657bf rgb(38,87,191)
```
#1d54c8
```
#1d54c8 rgb(29,84,200)
```
#1551d0
```
#1551d0 rgb(21,81,208)
```
#0c4ed9
```
#0c4ed9 rgb(12,78,217)
```
#034be2
```
#034be2 rgb(3,75,226)
```

Tone Color Variation

Below, you can see how #034be2 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
#394866 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0060bc Protanopia 1% of men
#0066a3 Deuteranopia 1% of men
#006d72 Tritanopia 0.001% of the population

Trichromacy

#0158ca Protanomaly 1% of men, 0.01% of women
#015cba Deuteranomaly 6% of men, 0.4% of women
#01619b Tritanomaly 0.01% of the population

#034be2 hex color

#034be2 Color Information

#034be2 Color Conversion

Color Schemes with #034be2

Alternatives to #034be2

#034be2 Preview

Shades and Tints of #034be2

Tones of #034be2

Color Blindness Simulator