#034efe hex color

In a RGB color space, hex #034efe is composed of 1.2% red, 30.6% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 98.8% cyan, 69.3% magenta, 0% yellow and 0.4% black. It has a hue angle of 222.1 degrees, a saturation of 99.2% and a lightness of 50.4%. #034efe color hex could be obtained by blending #069cff with #0000fd. Closest websafe color is: #0066ff.

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

● #034efe color description : Vivid blue.

The hexadecimal color #034efe has RGB values of R:3, G:78, B:254 and CMYK values of C:0.99, M:0.69, Y:0, K:0. Its decimal value is 216830.

Hex triplet	034efe	`#034efe`
RGB Decimal	3, 78, 254	`rgb(3,78,254)`
RGB Percent	1.2, 30.6, 99.6	`rgb(1.2%,30.6%,99.6%)`
CMYK	99, 69, 0, 0
HSL	222.1°, 99.2, 50.4	`hsl(222.1,99.2%,50.4%)`
HSV (or HSB)	222.1°, 98.8, 99.6
Web Safe	0066ff	`#0066ff`

CIE-LAB	42.188, 49.759, -90.859
XYZ	20.648, 12.622, 95.109
xyY	0.161, 0.098, 12.622
CIE-LCH	42.188, 103.592, 298.708
CIE-LUV	42.188, -17.053, -131.07
Hunter-Lab	35.528, 41.565, -133.852
Binary	00000011, 01001110, 11111110

#034efe
```
#034efe rgb(3,78,254)
```
#feb303
```
#feb303 rgb(254,179,3)
```

Complementary Color

#03ccfe
```
#03ccfe rgb(3,204,254)
```
#034efe
```
#034efe rgb(3,78,254)
```
#3503fe
```
#3503fe rgb(53,3,254)
```

Analogous Color

#ccfe03
```
#ccfe03 rgb(204,254,3)
```
#034efe
```
#034efe rgb(3,78,254)
```
#fe3603
```
#fe3603 rgb(254,54,3)
```

Split Complementary Color

#4efe03
```
#4efe03 rgb(78,254,3)
```
#034efe
```
#034efe rgb(3,78,254)
```
#fe034e
```
#fe034e rgb(254,3,78)
```

Triadic Color

#03feb3
```
#03feb3 rgb(3,254,179)
```
#034efe
```
#034efe rgb(3,78,254)
```
#fe034e
```
#fe034e rgb(254,3,78)
```
#feb303
```
#feb303 rgb(254,179,3)
```

Tetradic Color

#0136b4
```
#0136b4 rgb(1,54,180)
```
#013ecd
```
#013ecd rgb(1,62,205)
```
#0146e7
```
#0146e7 rgb(1,70,231)
```
#034efe
```
#034efe rgb(3,78,254)
```
#1c60fe
```
#1c60fe rgb(28,96,254)
```
#3672fe
```
#3672fe rgb(54,114,254)
```
#4f84fe
```
#4f84fe rgb(79,132,254)
```

Monochromatic Color

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

#038dfe
```
#038dfe rgb(3,141,254)
```
#0378fe
```
#0378fe rgb(3,120,254)
```
#0363fe
```
#0363fe rgb(3,99,254)
```
#034efe
```
#034efe rgb(3,78,254)
```
#0339fe
```
#0339fe rgb(3,57,254)
```
#0324fe
```
#0324fe rgb(3,36,254)
```
#030ffe
```
#030ffe rgb(3,15,254)
```

Similar Colors

Text with hexadecimal color #034efe

This text has a font color of #034efe.

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

#034efe background color

This paragraph has a background color of #034efe.

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

#034efe border color

This element has a border color of #034efe.

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

CSS codes

.text {color:#034efe;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#000616
```
#000616 rgb(0,6,22)
```
#000c29
```
#000c29 rgb(0,12,41)
```
#00123d
```
#00123d rgb(0,18,61)
```
#001850
```
#001850 rgb(0,24,80)
```
#001e64
```
#001e64 rgb(0,30,100)
```
#002477
```
#002477 rgb(0,36,119)
```
#012a8b
```
#012a8b rgb(1,42,139)
```
#01309e
```
#01309e rgb(1,48,158)
```
#0136b2
```
#0136b2 rgb(1,54,178)
```
#013cc5
```
#013cc5 rgb(1,60,197)
```
#0141d9
```
#0141d9 rgb(1,65,217)
```
#0147ec
```
#0147ec rgb(1,71,236)
```

Shade Color Variation

#034efe
```
#034efe rgb(3,78,254)
```
#175cfe
```
#175cfe rgb(23,92,254)
```
#2a69fe
```
#2a69fe rgb(42,105,254)
```
#3e77fe
```
#3e77fe rgb(62,119,254)
```
#5185fe
```
#5185fe rgb(81,133,254)
```
#6593fe
```
#6593fe rgb(101,147,254)
```
#78a0fe
```
#78a0fe rgb(120,160,254)
```
#8caeff
```
#8caeff rgb(140,174,255)
```
#9fbcff
```
#9fbcff rgb(159,188,255)
```
#b3caff
```
#b3caff rgb(179,202,255)
```
#c6d7ff
```
#c6d7ff rgb(198,215,255)
```
#dae5ff
```
#dae5ff rgb(218,229,255)
```
#edf3ff
```
#edf3ff rgb(237,243,255)
```

Tint Color Variation

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

#787d89
```
#787d89 rgb(120,125,137)
```
#6e7993
```
#6e7993 rgb(110,121,147)
```
#64759d
```
#64759d rgb(100,117,157)
```
#5b71a6
```
#5b71a6 rgb(91,113,166)
```
#516db0
```
#516db0 rgb(81,109,176)
```
#4769ba
```
#4769ba rgb(71,105,186)
```
#3d65c4
```
#3d65c4 rgb(61,101,196)
```
#3462cd
```
#3462cd rgb(52,98,205)
```
#2a5ed7
```
#2a5ed7 rgb(42,94,215)
```
#205ae1
```
#205ae1 rgb(32,90,225)
```
#1656eb
```
#1656eb rgb(22,86,235)
```
#0d52f4
```
#0d52f4 rgb(13,82,244)
```
#034efe
```
#034efe rgb(3,78,254)
```

Tone Color Variation

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

#4c4c4c Achromatopsia 0.005% of the population
#3d4c70 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0068cb Protanopia 1% of men
#006eb0 Deuteranopia 1% of men
#00767b Tritanopia 0.001% of the population

Trichromacy

#015edd Protanomaly 1% of men, 0.01% of women
#0162cc Deuteranomaly 6% of men, 0.4% of women
#0167ab Tritanomaly 0.01% of the population

#034efe hex color

#034efe Color Information

#034efe Color Conversion

Color Schemes with #034efe

Alternatives to #034efe

#034efe Preview

Shades and Tints of #034efe

Tones of #034efe

Color Blindness Simulator