#034ed4 hex color

In a RGB color space, hex #034ed4 is composed of 1.2% red, 30.6% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 98.6% cyan, 63.2% magenta, 0% yellow and 16.9% black. It has a hue angle of 218.5 degrees, a saturation of 97.2% and a lightness of 42.2%. #034ed4 color hex could be obtained by blending #069cff with #0000a9. Closest websafe color is: #0066cc.

♥
- f
- t
- g
- R 1
- G 31
- B 83
RGB color chart
- C 99
- M 63
- Y 0
- K 17
CMYK color chart

● #034ed4 color description : Strong blue.

The hexadecimal color #034ed4 has RGB values of R:3, G:78, B:212 and CMYK values of C:0.99, M:0.63, Y:0, K:0.17. Its decimal value is 216788.

Hex triplet	034ed4	`#034ed4`
RGB Decimal	3, 78, 212	`rgb(3,78,212)`
RGB Percent	1.2, 30.6, 83.1	`rgb(1.2%,30.6%,83.1%)`
CMYK	99, 63, 0, 17
HSL	218.5°, 97.2, 42.2	`hsl(218.5,97.2%,42.2%)`
HSV (or HSB)	218.5°, 98.6, 83.1
Web Safe	0066cc	`#0066cc`

CIE-LAB	38.235, 34.269, -73.575
XYZ	14.643, 10.22, 63.485
xyY	0.166, 0.116, 10.22
CIE-LCH	38.235, 81.164, 294.975
CIE-LUV	38.235, -17.105, -105.221
Hunter-Lab	31.969, 25.813, -95.36
Binary	00000011, 01001110, 11010100

#034ed4
```
#034ed4 rgb(3,78,212)
```
#d48903
```
#d48903 rgb(212,137,3)
```

Complementary Color

#03b7d4
```
#03b7d4 rgb(3,183,212)
```
#034ed4
```
#034ed4 rgb(3,78,212)
```
#2103d4
```
#2103d4 rgb(33,3,212)
```

Analogous Color

#b7d403
```
#b7d403 rgb(183,212,3)
```
#034ed4
```
#034ed4 rgb(3,78,212)
```
#d42103
```
#d42103 rgb(212,33,3)
```

Split Complementary Color

#4ed403
```
#4ed403 rgb(78,212,3)
```
#034ed4
```
#034ed4 rgb(3,78,212)
```
#d4034e
```
#d4034e rgb(212,3,78)
```

Triadic Color

#03d489
```
#03d489 rgb(3,212,137)
```
#034ed4
```
#034ed4 rgb(3,78,212)
```
#d4034e
```
#d4034e rgb(212,3,78)
```
#d48903
```
#d48903 rgb(212,137,3)
```

Tetradic Color

#023289
```
#023289 rgb(2,50,137)
```
#023ba2
```
#023ba2 rgb(2,59,162)
```
#0345bb
```
#0345bb rgb(3,69,187)
```
#034ed4
```
#034ed4 rgb(3,78,212)
```
#0357ed
```
#0357ed rgb(3,87,237)
```
#0e64fc
```
#0e64fc rgb(14,100,252)
```
#2874fc
```
#2874fc rgb(40,116,252)
```

Monochromatic Color

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

#0382d4
```
#0382d4 rgb(3,130,212)
```
#0371d4
```
#0371d4 rgb(3,113,212)
```
#035fd4
```
#035fd4 rgb(3,95,212)
```
#034ed4
```
#034ed4 rgb(3,78,212)
```
#033dd4
```
#033dd4 rgb(3,61,212)
```
#032bd4
```
#032bd4 rgb(3,43,212)
```
#031ad4
```
#031ad4 rgb(3,26,212)
```

Similar Colors

Text with hexadecimal color #034ed4

This text has a font color of #034ed4.

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

#034ed4 background color

This paragraph has a background color of #034ed4.

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

#034ed4 border color

This element has a border color of #034ed4.

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

CSS codes

.text {color:#034ed4;}

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

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

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

#000713
```
#000713 rgb(0,7,19)
```
#010e26
```
#010e26 rgb(1,14,38)
```
#011539
```
#011539 rgb(1,21,57)
```
#011c4d
```
#011c4d rgb(1,28,77)
```
#012360
```
#012360 rgb(1,35,96)
```
#022a73
```
#022a73 rgb(2,42,115)
```
#023287
```
#023287 rgb(2,50,135)
```
#02399a
```
#02399a rgb(2,57,154)
```
#0240ad
```
#0240ad rgb(2,64,173)
```
#0347c1
```
#0347c1 rgb(3,71,193)
```
#034ed4
```
#034ed4 rgb(3,78,212)
```
#0355e7
```
#0355e7 rgb(3,85,231)
```
#045cfb
```
#045cfb rgb(4,92,251)
```

Shade Color Variation

#1669fc
```
#1669fc rgb(22,105,252)
```
#2975fc
```
#2975fc rgb(41,117,252)
```
#3d82fc
```
#3d82fc rgb(61,130,252)
```
#508efd
```
#508efd rgb(80,142,253)
```
#649bfd
```
#649bfd rgb(100,155,253)
```
#77a7fd
```
#77a7fd rgb(119,167,253)
```
#8ab4fd
```
#8ab4fd rgb(138,180,253)
```
#9ec0fe
```
#9ec0fe rgb(158,192,254)
```
#b1cdfe
```
#b1cdfe rgb(177,205,254)
```
#c4d9fe
```
#c4d9fe rgb(196,217,254)
```
#d8e6fe
```
#d8e6fe rgb(216,230,254)
```
#ebf2ff
```
#ebf2ff rgb(235,242,255)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#666a71
```
#666a71 rgb(102,106,113)
```
#5e6879
```
#5e6879 rgb(94,104,121)
```
#566581
```
#566581 rgb(86,101,129)
```
#4d638a
```
#4d638a rgb(77,99,138)
```
#456192
```
#456192 rgb(69,97,146)
```
#3d5e9a
```
#3d5e9a rgb(61,94,154)
```
#355ca2
```
#355ca2 rgb(53,92,162)
```
#2c5aab
```
#2c5aab rgb(44,90,171)
```
#2457b3
```
#2457b3 rgb(36,87,179)
```
#1c55bb
```
#1c55bb rgb(28,85,187)
```
#1453c3
```
#1453c3 rgb(20,83,195)
```
#0b50cc
```
#0b50cc rgb(11,80,204)
```
#034ed4
```
#034ed4 rgb(3,78,212)
```

Tone Color Variation

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

Dichromacy

#005fba Protanopia 1% of men
#0065a2 Deuteranopia 1% of men
#006c71 Tritanopia 0.001% of the population

Trichromacy

#0159c3 Protanomaly 1% of men, 0.01% of women
#015cb4 Deuteranomaly 6% of men, 0.4% of women
#016195 Tritanomaly 0.01% of the population

#034ed4 hex color

#034ed4 Color Information

#034ed4 Color Conversion

Color Schemes with #034ed4

Alternatives to #034ed4

#034ed4 Preview

Shades and Tints of #034ed4

Tones of #034ed4

Color Blindness Simulator