#6314f5 hex color

In a RGB color space, hex #6314f5 is composed of 38.8% red, 7.8% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 59.6% cyan, 91.8% magenta, 0% yellow and 3.9% black. It has a hue angle of 261.1 degrees, a saturation of 91.8% and a lightness of 52%. #6314f5 color hex could be obtained by blending #c628ff with #0000eb. Closest websafe color is: #6600ff.

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

● #6314f5 color description : Vivid violet.

The hexadecimal color #6314f5 has RGB values of R:99, G:20, B:245 and CMYK values of C:0.6, M:0.92, Y:0, K:0.04. Its decimal value is 6493429.

Hex triplet	6314f5	`#6314f5`
RGB Decimal	99, 20, 245	`rgb(99,20,245)`
RGB Percent	38.8, 7.8, 96.1	`rgb(38.8%,7.8%,96.1%)`
CMYK	60, 92, 0, 4
HSL	261.1°, 91.8, 52	`hsl(261.1,91.8%,52%)`
HSV (or HSB)	261.1°, 91.8, 96.1
Web Safe	6600ff	`#6600ff`

CIE-LAB	37.381, 76.32, -93.63
XYZ	21.874, 9.745, 87.11
xyY	0.184, 0.082, 9.745
CIE-LCH	37.381, 120.795, 309.184
CIE-LUV	37.381, 2.885, -128.328
Hunter-Lab	31.217, 70.449, -143.595
Binary	01100011, 00010100, 11110101

#6314f5
```
#6314f5 rgb(99,20,245)
```
#a6f514
```
#a6f514 rgb(166,245,20)
```

Complementary Color

#1435f5
```
#1435f5 rgb(20,53,245)
```
#6314f5
```
#6314f5 rgb(99,20,245)
```
#d414f5
```
#d414f5 rgb(212,20,245)
```

Analogous Color

#35f514
```
#35f514 rgb(53,245,20)
```
#6314f5
```
#6314f5 rgb(99,20,245)
```
#f5d414
```
#f5d414 rgb(245,212,20)
```

Split Complementary Color

#14f563
```
#14f563 rgb(20,245,99)
```
#6314f5
```
#6314f5 rgb(99,20,245)
```
#f56314
```
#f56314 rgb(245,99,20)
```

Triadic Color

#14a6f5
```
#14a6f5 rgb(20,166,245)
```
#6314f5
```
#6314f5 rgb(99,20,245)
```
#f56314
```
#f56314 rgb(245,99,20)
```
#a6f514
```
#a6f514 rgb(166,245,20)
```

Tetradic Color

#4408b5
```
#4408b5 rgb(68,8,181)
```
#4e09cd
```
#4e09cd rgb(78,9,205)
```
#570ae6
```
#570ae6 rgb(87,10,230)
```
#6314f5
```
#6314f5 rgb(99,20,245)
```
#732cf6
```
#732cf6 rgb(115,44,246)
```
#8345f7
```
#8345f7 rgb(131,69,247)
```
#945df8
```
#945df8 rgb(148,93,248)
```

Monochromatic Color

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

#2b14f5
```
#2b14f5 rgb(43,20,245)
```
#3e14f5
```
#3e14f5 rgb(62,20,245)
```
#5014f5
```
#5014f5 rgb(80,20,245)
```
#6314f5
```
#6314f5 rgb(99,20,245)
```
#7614f5
```
#7614f5 rgb(118,20,245)
```
#8914f5
```
#8914f5 rgb(137,20,245)
```
#9b14f5
```
#9b14f5 rgb(155,20,245)
```

Similar Colors

Text with hexadecimal color #6314f5

This text has a font color of #6314f5.

<span style="color:#6314f5;">Text here</span>

#6314f5 background color

This paragraph has a background color of #6314f5.

<p style="background-color:#6314f5;">Content here</p>

#6314f5 border color

This element has a border color of #6314f5.

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

CSS codes

.text {color:#6314f5;}

.background {background-color:#6314f5;}

.border {border:1px solid #6314f5;}

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, #04000a is the darkest color, while #f9f6ff is the lightest one.

#04000a
```
#04000a rgb(4,0,10)
```
#0b011c
```
#0b011c rgb(11,1,28)
```
#12022f
```
#12022f rgb(18,2,47)
```
#190342
```
#190342 rgb(25,3,66)
```
#200455
```
#200455 rgb(32,4,85)
```
#270468
```
#270468 rgb(39,4,104)
```
#2e057a
```
#2e057a rgb(46,5,122)
```
#36068d
```
#36068d rgb(54,6,141)
```
#3d07a0
```
#3d07a0 rgb(61,7,160)
```
#4408b3
```
#4408b3 rgb(68,8,179)
```
#4b08c6
```
#4b08c6 rgb(75,8,198)
```
#5209d9
```
#5209d9 rgb(82,9,217)
```
#590aeb
```
#590aeb rgb(89,10,235)
```

Shade Color Variation

#6314f5
```
#6314f5 rgb(99,20,245)
```
#6f27f6
```
#6f27f6 rgb(111,39,246)
```
#7c3af7
```
#7c3af7 rgb(124,58,247)
```
#884cf7
```
#884cf7 rgb(136,76,247)
```
#955ff8
```
#955ff8 rgb(149,95,248)
```
#a172f9
```
#a172f9 rgb(161,114,249)
```
#ae85fa
```
#ae85fa rgb(174,133,250)
```
#ba98fb
```
#ba98fb rgb(186,152,251)
```
#c7abfb
```
#c7abfb rgb(199,171,251)
```
#d3bdfc
```
#d3bdfc rgb(211,189,252)
```
#e0d0fd
```
#e0d0fd rgb(224,208,253)
```
#ece3fe
```
#ece3fe rgb(236,227,254)
```
#f9f6ff
```
#f9f6ff rgb(249,246,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #827c8d is the less saturated color, while #600bfe is the most saturated one.

#827c8d
```
#827c8d rgb(130,124,141)
```
#7f7297
```
#7f7297 rgb(127,114,151)
```
#7c69a0
```
#7c69a0 rgb(124,105,160)
```
#795faa
```
#795faa rgb(121,95,170)
```
#7756b3
```
#7756b3 rgb(119,86,179)
```
#744dbc
```
#744dbc rgb(116,77,188)
```
#7143c6
```
#7143c6 rgb(113,67,198)
```
#6e3acf
```
#6e3acf rgb(110,58,207)
```
#6b30d9
```
#6b30d9 rgb(107,48,217)
```
#6927e2
```
#6927e2 rgb(105,39,226)
```
#661dec
```
#661dec rgb(102,29,236)
```
#6314f5
```
#6314f5 rgb(99,20,245)
```
#600bfe
```
#600bfe rgb(96,11,254)
```

Tone Color Variation

Below, you can see how #6314f5 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

#454545 Achromatopsia 0.005% of the population
#4b3b68 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005eb6 Protanopia 1% of men
#00639d Deuteranopia 1% of men
#006a71 Tritanopia 0.001% of the population

Trichromacy

#2443cd Protanomaly 1% of men, 0.01% of women
#2446bd Deuteranomaly 6% of men, 0.4% of women
#244aa1 Tritanomaly 0.01% of the population

#6314f5 hex color

#6314f5 Color Information

#6314f5 Color Conversion

Color Schemes with #6314f5

Alternatives to #6314f5

#6314f5 Preview

Shades and Tints of #6314f5

Tones of #6314f5

Color Blindness Simulator