#4314f8 hex color

In a RGB color space, hex #4314f8 is composed of 26.3% red, 7.8% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 73% cyan, 91.9% magenta, 0% yellow and 2.7% black. It has a hue angle of 252.4 degrees, a saturation of 94.2% and a lightness of 52.5%. #4314f8 color hex could be obtained by blending #8628ff with #0000f1. Closest websafe color is: #3300ff.

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

● #4314f8 color description : Vivid blue.

The hexadecimal color #4314f8 has RGB values of R:67, G:20, B:248 and CMYK values of C:0.73, M:0.92, Y:0, K:0.03. Its decimal value is 4396280.

Hex triplet	4314f8	`#4314f8`
RGB Decimal	67, 20, 248	`rgb(67,20,248)`
RGB Percent	26.3, 7.8, 97.3	`rgb(26.3%,7.8%,97.3%)`
CMYK	73, 92, 0, 3
HSL	252.4°, 94.2, 52.5	`hsl(252.4,94.2%,52.5%)`
HSV (or HSB)	252.4°, 91.9, 97.3
Web Safe	3300ff	`#3300ff`

CIE-LAB	34.943, 75.339, -99.453
XYZ	19.505, 8.47, 89.409
xyY	0.166, 0.072, 8.47
CIE-LCH	34.943, 124.767, 307.145
CIE-LUV	34.943, -4.425, -129.261
Hunter-Lab	29.103, 68.701, -161.776
Binary	01000011, 00010100, 11111000

#4314f8
```
#4314f8 rgb(67,20,248)
```
#c9f814
```
#c9f814 rgb(201,248,20)
```

Complementary Color

#1457f8
```
#1457f8 rgb(20,87,248)
```
#4314f8
```
#4314f8 rgb(67,20,248)
```
#b514f8
```
#b514f8 rgb(181,20,248)
```

Analogous Color

#57f814
```
#57f814 rgb(87,248,20)
```
#4314f8
```
#4314f8 rgb(67,20,248)
```
#f8b514
```
#f8b514 rgb(248,181,20)
```

Split Complementary Color

#14f843
```
#14f843 rgb(20,248,67)
```
#4314f8
```
#4314f8 rgb(67,20,248)
```
#f84314
```
#f84314 rgb(248,67,20)
```

Triadic Color

#14c9f8
```
#14c9f8 rgb(20,201,248)
```
#4314f8
```
#4314f8 rgb(67,20,248)
```
#f84314
```
#f84314 rgb(248,67,20)
```
#c9f814
```
#c9f814 rgb(201,248,20)
```

Tetradic Color

#2b06ba
```
#2b06ba rgb(43,6,186)
```
#3006d3
```
#3006d3 rgb(48,6,211)
```
#3607eb
```
#3607eb rgb(54,7,235)
```
#4314f8
```
#4314f8 rgb(67,20,248)
```
#572df9
```
#572df9 rgb(87,45,249)
```
#6b46f9
```
#6b46f9 rgb(107,70,249)
```
#7e5efa
```
#7e5efa rgb(126,94,250)
```

Monochromatic Color

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

#141ef8
```
#141ef8 rgb(20,30,248)
```
#1d14f8
```
#1d14f8 rgb(29,20,248)
```
#3014f8
```
#3014f8 rgb(48,20,248)
```
#4314f8
```
#4314f8 rgb(67,20,248)
```
#5614f8
```
#5614f8 rgb(86,20,248)
```
#6914f8
```
#6914f8 rgb(105,20,248)
```
#7c14f8
```
#7c14f8 rgb(124,20,248)
```

Similar Colors

Text with hexadecimal color #4314f8

This text has a font color of #4314f8.

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

#4314f8 background color

This paragraph has a background color of #4314f8.

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

#4314f8 border color

This element has a border color of #4314f8.

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

CSS codes

.text {color:#4314f8;}

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

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

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, #03000d is the darkest color, while #faf9ff is the lightest one.

#03000d
```
#03000d rgb(3,0,13)
```
#070120
```
#070120 rgb(7,1,32)
```
#0c0233
```
#0c0233 rgb(12,2,51)
```
#100246
```
#100246 rgb(16,2,70)
```
#140359
```
#140359 rgb(20,3,89)
```
#19036c
```
#19036c rgb(25,3,108)
```
#1d047f
```
#1d047f rgb(29,4,127)
```
#220492
```
#220492 rgb(34,4,146)
```
#2605a5
```
#2605a5 rgb(38,5,165)
```
#2a05b8
```
#2a05b8 rgb(42,5,184)
```
#2f06cb
```
#2f06cb rgb(47,6,203)
```
#3307de
```
#3307de rgb(51,7,222)
```
#3707f1
```
#3707f1 rgb(55,7,241)
```

Shade Color Variation

#4314f8
```
#4314f8 rgb(67,20,248)
```
#5227f9
```
#5227f9 rgb(82,39,249)
```
#613af9
```
#613af9 rgb(97,58,249)
```
#714dfa
```
#714dfa rgb(113,77,250)
```
#8060fa
```
#8060fa rgb(128,96,250)
```
#8f73fb
```
#8f73fb rgb(143,115,251)
```
#9e86fb
```
#9e86fb rgb(158,134,251)
```
#ae99fc
```
#ae99fc rgb(174,153,252)
```
#bdacfd
```
#bdacfd rgb(189,172,253)
```
#ccbffd
```
#ccbffd rgb(204,191,253)
```
#dbd2fe
```
#dbd2fe rgb(219,210,254)
```
#ebe6fe
```
#ebe6fe rgb(235,230,254)
```
#faf9ff
```
#faf9ff rgb(250,249,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #858488 is the less saturated color, while #4314f8 is the most saturated one.

#858488
```
#858488 rgb(133,132,136)
```
#7f7a92
```
#7f7a92 rgb(127,122,146)
```
#7a719b
```
#7a719b rgb(122,113,155)
```
#7468a4
```
#7468a4 rgb(116,104,164)
```
#6f5eae
```
#6f5eae rgb(111,94,174)
```
#6955b7
```
#6955b7 rgb(105,85,183)
```
#644cc0
```
#644cc0 rgb(100,76,192)
```
#5e43c9
```
#5e43c9 rgb(94,67,201)
```
#5939d3
```
#5939d3 rgb(89,57,211)
```
#5330dc
```
#5330dc rgb(83,48,220)
```
#4e27e5
```
#4e27e5 rgb(78,39,229)
```
#481def
```
#481def rgb(72,29,239)
```
#4314f8
```
#4314f8 rgb(67,20,248)
```

Tone Color Variation

Below, you can see how #4314f8 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
#3d3462 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0058ab Protanopia 1% of men
#005d94 Deuteranopia 1% of men
#006468 Tritanopia 0.001% of the population

Trichromacy

#183fc7 Protanomaly 1% of men, 0.01% of women
#1843b8 Deuteranomaly 6% of men, 0.4% of women
#18479c Tritanomaly 0.01% of the population

#4314f8 hex color

#4314f8 Color Information

#4314f8 Color Conversion

Color Schemes with #4314f8

Alternatives to #4314f8

#4314f8 Preview

Shades and Tints of #4314f8

Tones of #4314f8

Color Blindness Simulator