#6312f8 hex color

In a RGB color space, hex #6312f8 is composed of 38.8% red, 7.1% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 60.1% cyan, 92.7% magenta, 0% yellow and 2.7% black. It has a hue angle of 261.1 degrees, a saturation of 94.3% and a lightness of 52.2%. #6312f8 color hex could be obtained by blending #c624ff with #0000f1. Closest websafe color is: #6600ff.

♥
- f
- t
- g
- R 39
- G 7
- B 97
RGB color chart
- C 60
- M 93
- Y 0
- K 3
CMYK color chart

● #6312f8 color description : Vivid violet.

The hexadecimal color #6312f8 has RGB values of R:99, G:18, B:248 and CMYK values of C:0.6, M:0.93, Y:0, K:0.03. Its decimal value is 6492920.

Hex triplet	6312f8	`#6312f8`
RGB Decimal	99, 18, 248	`rgb(99,18,248)`
RGB Percent	38.8, 7.1, 97.3	`rgb(38.8%,7.1%,97.3%)`
CMYK	60, 93, 0, 3
HSL	261.1°, 94.3, 52.2	`hsl(261.1,94.3%,52.2%)`
HSV (or HSB)	261.1°, 92.7, 97.3
Web Safe	6600ff	`#6600ff`

CIE-LAB	37.593, 77.388, -94.967
XYZ	22.302, 9.862, 89.53
xyY	0.183, 0.081, 9.862
CIE-LCH	37.593, 122.506, 309.176
CIE-LUV	37.593, 2.664, -130.034
Hunter-Lab	31.404, 71.81, -147.05
Binary	01100011, 00010010, 11111000

#6312f8
```
#6312f8 rgb(99,18,248)
```
#a7f812
```
#a7f812 rgb(167,248,18)
```

Complementary Color

#1234f8
```
#1234f8 rgb(18,52,248)
```
#6312f8
```
#6312f8 rgb(99,18,248)
```
#d612f8
```
#d612f8 rgb(214,18,248)
```

Analogous Color

#34f812
```
#34f812 rgb(52,248,18)
```
#6312f8
```
#6312f8 rgb(99,18,248)
```
#f8d612
```
#f8d612 rgb(248,214,18)
```

Split Complementary Color

#12f863
```
#12f863 rgb(18,248,99)
```
#6312f8
```
#6312f8 rgb(99,18,248)
```
#f86312
```
#f86312 rgb(248,99,18)
```

Triadic Color

#12a7f8
```
#12a7f8 rgb(18,167,248)
```
#6312f8
```
#6312f8 rgb(99,18,248)
```
#f86312
```
#f86312 rgb(248,99,18)
```
#a7f812
```
#a7f812 rgb(167,248,18)
```

Tetradic Color

#4405b8
```
#4405b8 rgb(68,5,184)
```
#4e06d1
```
#4e06d1 rgb(78,6,209)
```
#5707ea
```
#5707ea rgb(87,7,234)
```
#6312f8
```
#6312f8 rgb(99,18,248)
```
#732bf9
```
#732bf9 rgb(115,43,249)
```
#8444f9
```
#8444f9 rgb(132,68,249)
```
#945cfa
```
#945cfa rgb(148,92,250)
```

Monochromatic Color

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

#2912f8
```
#2912f8 rgb(41,18,248)
```
#3d12f8
```
#3d12f8 rgb(61,18,248)
```
#5012f8
```
#5012f8 rgb(80,18,248)
```
#6312f8
```
#6312f8 rgb(99,18,248)
```
#7612f8
```
#7612f8 rgb(118,18,248)
```
#8912f8
```
#8912f8 rgb(137,18,248)
```
#9d12f8
```
#9d12f8 rgb(157,18,248)
```

Similar Colors

Text with hexadecimal color #6312f8

This text has a font color of #6312f8.

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

#6312f8 background color

This paragraph has a background color of #6312f8.

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

#6312f8 border color

This element has a border color of #6312f8.

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

CSS codes

.text {color:#6312f8;}

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

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

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

#04000b
```
#04000b rgb(4,0,11)
```
#0b011e
```
#0b011e rgb(11,1,30)
```
#120131
```
#120131 rgb(18,1,49)
```
#190244
```
#190244 rgb(25,2,68)
```
#200357
```
#200357 rgb(32,3,87)
```
#27036a
```
#27036a rgb(39,3,106)
```
#2e047d
```
#2e047d rgb(46,4,125)
```
#350490
```
#350490 rgb(53,4,144)
```
#3d05a3
```
#3d05a3 rgb(61,5,163)
```
#4405b6
```
#4405b6 rgb(68,5,182)
```
#4b06c9
```
#4b06c9 rgb(75,6,201)
```
#5207dc
```
#5207dc rgb(82,7,220)
```
#5907ef
```
#5907ef rgb(89,7,239)
```

Shade Color Variation

#6312f8
```
#6312f8 rgb(99,18,248)
```
#7025f9
```
#7025f9 rgb(112,37,249)
```
#7c38f9
```
#7c38f9 rgb(124,56,249)
```
#894bfa
```
#894bfa rgb(137,75,250)
```
#955efa
```
#955efa rgb(149,94,250)
```
#a271fb
```
#a271fb rgb(162,113,251)
```
#ae84fb
```
#ae84fb rgb(174,132,251)
```
#bb97fc
```
#bb97fc rgb(187,151,252)
```
#c7aafd
```
#c7aafd rgb(199,170,253)
```
#d4bdfd
```
#d4bdfd rgb(212,189,253)
```
#e0d1fe
```
#e0d1fe rgb(224,209,254)
```
#ede4fe
```
#ede4fe rgb(237,228,254)
```
#f9f7ff
```
#f9f7ff rgb(249,247,255)
```

Tint Color Variation

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

#848387
```
#848387 rgb(132,131,135)
```
#827991
```
#827991 rgb(130,121,145)
```
#7f709a
```
#7f709a rgb(127,112,154)
```
#7c66a4
```
#7c66a4 rgb(124,102,164)
```
#795dad
```
#795dad rgb(121,93,173)
```
#7654b6
```
#7654b6 rgb(118,84,182)
```
#744ac0
```
#744ac0 rgb(116,74,192)
```
#7141c9
```
#7141c9 rgb(113,65,201)
```
#6e38d2
```
#6e38d2 rgb(110,56,210)
```
#6b2edc
```
#6b2edc rgb(107,46,220)
```
#6925e5
```
#6925e5 rgb(105,37,229)
```
#661bef
```
#661bef rgb(102,27,239)
```
#6312f8
```
#6312f8 rgb(99,18,248)
```

Tone Color Variation

Below, you can see how #6312f8 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

#444444 Achromatopsia 0.005% of the population
#4a3a68 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005eb7 Protanopia 1% of men
#00639e Deuteranopia 1% of men
#006a71 Tritanopia 0.001% of the population

Trichromacy

#2442ce Protanomaly 1% of men, 0.01% of women
#2446bf Deuteranomaly 6% of men, 0.4% of women
#244aa2 Tritanomaly 0.01% of the population

#6312f8 hex color

#6312f8 Color Information

#6312f8 Color Conversion

Color Schemes with #6312f8

Alternatives to #6312f8

#6312f8 Preview

Shades and Tints of #6312f8

Tones of #6312f8

Color Blindness Simulator