#034dfd hex color

In a RGB color space, hex #034dfd is composed of 1.2% red, 30.2% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 98.8% cyan, 69.6% magenta, 0% yellow and 0.8% black. It has a hue angle of 222.2 degrees, a saturation of 98.4% and a lightness of 50.2%. #034dfd color hex could be obtained by blending #069aff with #0000fb. Closest websafe color is: #0066ff.

♥
- f
- t
- g
- R 1
- G 30
- B 99
RGB color chart
- C 99
- M 70
- Y 0
- K 1
CMYK color chart

● #034dfd color description : Vivid blue.

The hexadecimal color #034dfd has RGB values of R:3, G:77, B:253 and CMYK values of C:0.99, M:0.7, Y:0, K:0.01. Its decimal value is 216573.

Hex triplet	034dfd	`#034dfd`
RGB Decimal	3, 77, 253	`rgb(3,77,253)`
RGB Percent	1.2, 30.2, 99.2	`rgb(1.2%,30.2%,99.2%)`
CMYK	99, 70, 0, 1
HSL	222.2°, 98.4, 50.2	`hsl(222.2,98.4%,50.2%)`
HSV (or HSB)	222.2°, 98.8, 99.2
Web Safe	0066ff	`#0066ff`

CIE-LAB	41.872, 50.003, -90.823
XYZ	20.417, 12.417, 94.244
xyY	0.161, 0.098, 12.417
CIE-LCH	41.872, 103.678, 298.835
CIE-LUV	41.872, -16.856, -130.633
Hunter-Lab	35.238, 41.758, -133.903
Binary	00000011, 01001101, 11111101

#034dfd
```
#034dfd rgb(3,77,253)
```
#fdb303
```
#fdb303 rgb(253,179,3)
```

Complementary Color

#03cafd
```
#03cafd rgb(3,202,253)
```
#034dfd
```
#034dfd rgb(3,77,253)
```
#3603fd
```
#3603fd rgb(54,3,253)
```

Analogous Color

#cafd03
```
#cafd03 rgb(202,253,3)
```
#034dfd
```
#034dfd rgb(3,77,253)
```
#fd3603
```
#fd3603 rgb(253,54,3)
```

Split Complementary Color

#4dfd03
```
#4dfd03 rgb(77,253,3)
```
#034dfd
```
#034dfd rgb(3,77,253)
```
#fd034d
```
#fd034d rgb(253,3,77)
```

Triadic Color

#03fdb3
```
#03fdb3 rgb(3,253,179)
```
#034dfd
```
#034dfd rgb(3,77,253)
```
#fd034d
```
#fd034d rgb(253,3,77)
```
#fdb303
```
#fdb303 rgb(253,179,3)
```

Tetradic Color

#0136b2
```
#0136b2 rgb(1,54,178)
```
#023dcb
```
#023dcb rgb(2,61,203)
```
#0245e5
```
#0245e5 rgb(2,69,229)
```
#034dfd
```
#034dfd rgb(3,77,253)
```
#1c5ffd
```
#1c5ffd rgb(28,95,253)
```
#3671fd
```
#3671fd rgb(54,113,253)
```
#4f83fe
```
#4f83fe rgb(79,131,254)
```

Monochromatic Color

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

#038cfd
```
#038cfd rgb(3,140,253)
```
#0377fd
```
#0377fd rgb(3,119,253)
```
#0362fd
```
#0362fd rgb(3,98,253)
```
#034dfd
```
#034dfd rgb(3,77,253)
```
#0338fd
```
#0338fd rgb(3,56,253)
```
#0323fd
```
#0323fd rgb(3,35,253)
```
#030efd
```
#030efd rgb(3,14,253)
```

Similar Colors

Text with hexadecimal color #034dfd

This text has a font color of #034dfd.

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

#034dfd background color

This paragraph has a background color of #034dfd.

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

#034dfd border color

This element has a border color of #034dfd.

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

CSS codes

.text {color:#034dfd;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#000614
```
#000614 rgb(0,6,20)
```
#000c28
```
#000c28 rgb(0,12,40)
```
#00123b
```
#00123b rgb(0,18,59)
```
#01184f
```
#01184f rgb(1,24,79)
```
#011e62
```
#011e62 rgb(1,30,98)
```
#012476
```
#012476 rgb(1,36,118)
```
#012989
```
#012989 rgb(1,41,137)
```
#012f9d
```
#012f9d rgb(1,47,157)
```
#0135b0
```
#0135b0 rgb(1,53,176)
```
#023bc4
```
#023bc4 rgb(2,59,196)
```
#0241d7
```
#0241d7 rgb(2,65,215)
```
#0247eb
```
#0247eb rgb(2,71,235)
```

Shade Color Variation

#034dfd
```
#034dfd rgb(3,77,253)
```
#165bfd
```
#165bfd rgb(22,91,253)
```
#2a68fd
```
#2a68fd rgb(42,104,253)
```
#3d76fd
```
#3d76fd rgb(61,118,253)
```
#5184fe
```
#5184fe rgb(81,132,254)
```
#6492fe
```
#6492fe rgb(100,146,254)
```
#789ffe
```
#789ffe rgb(120,159,254)
```
#8badfe
```
#8badfe rgb(139,173,254)
```
#9fbbfe
```
#9fbbfe rgb(159,187,254)
```
#b2c9fe
```
#b2c9fe rgb(178,201,254)
```
#c6d6ff
```
#c6d6ff rgb(198,214,255)
```
#d9e4ff
```
#d9e4ff rgb(217,228,255)
```
#edf2ff
```
#edf2ff rgb(237,242,255)
```

Tint Color Variation

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

#787d88
```
#787d88 rgb(120,125,136)
```
#6e7992
```
#6e7992 rgb(110,121,146)
```
#65759b
```
#65759b rgb(101,117,155)
```
#5b71a5
```
#5b71a5 rgb(91,113,165)
```
#516daf
```
#516daf rgb(81,109,175)
```
#4769b9
```
#4769b9 rgb(71,105,185)
```
#3e65c2
```
#3e65c2 rgb(62,101,194)
```
#3461cc
```
#3461cc rgb(52,97,204)
```
#2a5dd6
```
#2a5dd6 rgb(42,93,214)
```
#2059e0
```
#2059e0 rgb(32,89,224)
```
#1755e9
```
#1755e9 rgb(23,85,233)
```
#0d51f3
```
#0d51f3 rgb(13,81,243)
```
#034dfd
```
#034dfd rgb(3,77,253)
```

Tone Color Variation

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

#4b4b4b Achromatopsia 0.005% of the population
#3d4b6f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0067ca Protanopia 1% of men
#006dae Deuteranopia 1% of men
#00757a Tritanopia 0.001% of the population

Trichromacy

#015edc Protanomaly 1% of men, 0.01% of women
#0161cb Deuteranomaly 6% of men, 0.4% of women
#0166aa Tritanomaly 0.01% of the population

#034dfd hex color

#034dfd Color Information

#034dfd Color Conversion

Color Schemes with #034dfd

Alternatives to #034dfd

#034dfd Preview

Shades and Tints of #034dfd

Tones of #034dfd

Color Blindness Simulator