#4314f4 hex color

In a RGB color space, hex #4314f4 is composed of 26.3% red, 7.8% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 72.5% cyan, 91.8% magenta, 0% yellow and 4.3% black. It has a hue angle of 252.6 degrees, a saturation of 91.1% and a lightness of 51.8%. #4314f4 color hex could be obtained by blending #8628ff with #0000e9. Closest websafe color is: #3300ff.

♥
- f
- t
- g
- R 26
- G 8
- B 96
RGB color chart
- C 73
- M 92
- Y 0
- K 4
CMYK color chart

● #4314f4 color description : Vivid blue.

The hexadecimal color #4314f4 has RGB values of R:67, G:20, B:244 and CMYK values of C:0.73, M:0.92, Y:0, K:0.04. Its decimal value is 4396276.

Hex triplet	4314f4	`#4314f4`
RGB Decimal	67, 20, 244	`rgb(67,20,244)`
RGB Percent	26.3, 7.8, 95.7	`rgb(26.3%,7.8%,95.7%)`
CMYK	73, 92, 0, 4
HSL	252.6°, 91.1, 51.8	`hsl(252.6,91.1%,51.8%)`
HSV (or HSB)	252.6°, 91.8, 95.7
Web Safe	3300ff	`#3300ff`

CIE-LAB	34.446, 74.355, -98.024
XYZ	18.891, 8.224, 86.175
xyY	0.167, 0.073, 8.224
CIE-LCH	34.446, 123.034, 307.182
CIE-LUV	34.446, -4.164, -127.017
Hunter-Lab	28.678, 67.396, -158.087
Binary	01000011, 00010100, 11110100

#4314f4
```
#4314f4 rgb(67,20,244)
```
#c5f414
```
#c5f414 rgb(197,244,20)
```

Complementary Color

#1455f4
```
#1455f4 rgb(20,85,244)
```
#4314f4
```
#4314f4 rgb(67,20,244)
```
#b314f4
```
#b314f4 rgb(179,20,244)
```

Analogous Color

#55f414
```
#55f414 rgb(85,244,20)
```
#4314f4
```
#4314f4 rgb(67,20,244)
```
#f4b314
```
#f4b314 rgb(244,179,20)
```

Split Complementary Color

#14f443
```
#14f443 rgb(20,244,67)
```
#4314f4
```
#4314f4 rgb(67,20,244)
```
#f44314
```
#f44314 rgb(244,67,20)
```

Triadic Color

#14c5f4
```
#14c5f4 rgb(20,197,244)
```
#4314f4
```
#4314f4 rgb(67,20,244)
```
#f44314
```
#f44314 rgb(244,67,20)
```
#c5f414
```
#c5f414 rgb(197,244,20)
```

Tetradic Color

#2c08b3
```
#2c08b3 rgb(44,8,179)
```
#320acb
```
#320acb rgb(50,10,203)
```
#380be4
```
#380be4 rgb(56,11,228)
```
#4314f4
```
#4314f4 rgb(67,20,244)
```
#562cf5
```
#562cf5 rgb(86,44,245)
```
#6a45f6
```
#6a45f6 rgb(106,69,246)
```
#7d5df7
```
#7d5df7 rgb(125,93,247)
```

Monochromatic Color

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

#141df4
```
#141df4 rgb(20,29,244)
```
#1e14f4
```
#1e14f4 rgb(30,20,244)
```
#3014f4
```
#3014f4 rgb(48,20,244)
```
#4314f4
```
#4314f4 rgb(67,20,244)
```
#5614f4
```
#5614f4 rgb(86,20,244)
```
#6814f4
```
#6814f4 rgb(104,20,244)
```
#7b14f4
```
#7b14f4 rgb(123,20,244)
```

Similar Colors

Text with hexadecimal color #4314f4

This text has a font color of #4314f4.

<span style="color:#4314f4;">Text here</span>

#4314f4 background color

This paragraph has a background color of #4314f4.

<p style="background-color:#4314f4;">Content here</p>

#4314f4 border color

This element has a border color of #4314f4.

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

CSS codes

.text {color:#4314f4;}

.background {background-color:#4314f4;}

.border {border:1px solid #4314f4;}

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

#020009
```
#020009 rgb(2,0,9)
```
#07011b
```
#07011b rgb(7,1,27)
```
#0b022e
```
#0b022e rgb(11,2,46)
```
#100341
```
#100341 rgb(16,3,65)
```
#150454
```
#150454 rgb(21,4,84)
```
#190566
```
#190566 rgb(25,5,102)
```
#1e0679
```
#1e0679 rgb(30,6,121)
```
#22078c
```
#22078c rgb(34,7,140)
```
#27079f
```
#27079f rgb(39,7,159)
```
#2c08b1
```
#2c08b1 rgb(44,8,177)
```
#3009c4
```
#3009c4 rgb(48,9,196)
```
#350ad7
```
#350ad7 rgb(53,10,215)
```
#3a0be9
```
#3a0be9 rgb(58,11,233)
```

Shade Color Variation

#4314f4
```
#4314f4 rgb(67,20,244)
```
#5227f5
```
#5227f5 rgb(82,39,245)
```
#6139f6
```
#6139f6 rgb(97,57,246)
```
#704cf7
```
#704cf7 rgb(112,76,247)
```
#7f5ff8
```
#7f5ff8 rgb(127,95,248)
```
#8e72f8
```
#8e72f8 rgb(142,114,248)
```
#9d84f9
```
#9d84f9 rgb(157,132,249)
```
#ac97fa
```
#ac97fa rgb(172,151,250)
```
#bbaafb
```
#bbaafb rgb(187,170,251)
```
#cabdfc
```
#cabdfc rgb(202,189,252)
```
#d9cffd
```
#d9cffd rgb(217,207,253)
```
#e8e2fe
```
#e8e2fe rgb(232,226,254)
```
#f7f5ff
```
#f7f5ff rgb(247,245,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7f7c8c is the less saturated color, while #3e0bfd is the most saturated one.

#7f7c8c
```
#7f7c8c rgb(127,124,140)
```
#7a7395
```
#7a7395 rgb(122,115,149)
```
#74699f
```
#74699f rgb(116,105,159)
```
#6f60a8
```
#6f60a8 rgb(111,96,168)
```
#6956b2
```
#6956b2 rgb(105,86,178)
```
#644dbb
```
#644dbb rgb(100,77,187)
```
#5e43c5
```
#5e43c5 rgb(94,67,197)
```
#593ace
```
#593ace rgb(89,58,206)
```
#5330d8
```
#5330d8 rgb(83,48,216)
```
#4e27e1
```
#4e27e1 rgb(78,39,225)
```
#481deb
```
#481deb rgb(72,29,235)
```
#4314f4
```
#4314f4 rgb(67,20,244)
```
#3e0bfd
```
#3e0bfd rgb(62,11,253)
```

Tone Color Variation

Below, you can see how #4314f4 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

#3c3c3c Achromatopsia 0.005% of the population
#3d3461 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0057a9 Protanopia 1% of men
#005c92 Deuteranopia 1% of men
#006367 Tritanopia 0.001% of the population

Trichromacy

#183fc4 Protanomaly 1% of men, 0.01% of women
#1842b5 Deuteranomaly 6% of men, 0.4% of women
#18469a Tritanomaly 0.01% of the population

#4314f4 hex color

#4314f4 Color Information

#4314f4 Color Conversion

Color Schemes with #4314f4

Alternatives to #4314f4

#4314f4 Preview

Shades and Tints of #4314f4

Tones of #4314f4

Color Blindness Simulator