colorhexa.com

#6f31f4 hex color

In a RGB color space, hex #6f31f4 is composed of 43.5% red, 19.2% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 54.5% cyan, 79.9% magenta, 0% yellow and 4.3% black. It has a hue angle of 259.1 degrees, a saturation of 89.9% and a lightness of 57.5%. #6f31f4 color hex could be obtained by blending #de62ff with #0000e9. Closest websafe color is: #6633ff.

- R 44
- G 19
- B 96
RGB color chart
- C 55
- M 80
- Y 0
- K 4
CMYK color chart

● #6f31f4 color description : Bright violet.

The hexadecimal color #6f31f4 has RGB values of R:111, G:49, B:244 and CMYK values of C:0.55, M:0.8, Y:0, K:0.04. Its decimal value is 7287284.

Hex triplet	6f31f4	`#6f31f4`
RGB Decimal	111, 49, 244	`rgb(111,49,244)`
RGB Percent	43.5, 19.2, 95.7	`rgb(43.5%,19.2%,95.7%)`
CMYK	55, 80, 0, 4
HSL	259.1°, 89.9, 57.5	`hsl(259.1,89.9%,57.5%)`
HSV (or HSB)	259.1°, 79.9, 95.7
Web Safe	6633ff	`#6633ff`

CIE-LAB	41.386, 68.588, -86.402
XYZ	23.98, 12.107, 86.656
xyY	0.195, 0.099, 12.107
CIE-LCH	41.386, 110.316, 308.444
CIE-LUV	41.386, 4.408, -126.049
Hunter-Lab	34.795, 62.125, -123.302
Binary	01101111, 00110001, 11110100

#6f31f4
```
#6f31f4 rgb(111,49,244)
```
#b6f431
```
#b6f431 rgb(182,244,49)
```

Complementary Color

#3154f4
```
#3154f4 rgb(49,84,244)
```
#6f31f4
```
#6f31f4 rgb(111,49,244)
```
#d131f4
```
#d131f4 rgb(209,49,244)
```

Analogous Color

#55f431
```
#55f431 rgb(85,244,49)
```
#6f31f4
```
#6f31f4 rgb(111,49,244)
```
#f4d131
```
#f4d131 rgb(244,209,49)
```

Split Complementary Color

#31f46f
```
#31f46f rgb(49,244,111)
```
#6f31f4
```
#6f31f4 rgb(111,49,244)
```
#f46f31
```
#f46f31 rgb(244,111,49)
```

Triadic Color

#31b6f4
```
#31b6f4 rgb(49,182,244)
```
#6f31f4
```
#6f31f4 rgb(111,49,244)
```
#f46f31
```
#f46f31 rgb(244,111,49)
```
#b6f431
```
#b6f431 rgb(182,244,49)
```

Tetradic Color

#490bce
```
#490bce rgb(73,11,206)
```
#510ce6
```
#510ce6 rgb(81,12,230)
```
#5e19f3
```
#5e19f3 rgb(94,25,243)
```
#6f31f4
```
#6f31f4 rgb(111,49,244)
```
#8049f5
```
#8049f5 rgb(128,73,245)
```
#9161f7
```
#9161f7 rgb(145,97,247)
```
#a27af8
```
#a27af8 rgb(162,122,248)
```

Monochromatic Color

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

#3e31f4
```
#3e31f4 rgb(62,49,244)
```
#4f31f4
```
#4f31f4 rgb(79,49,244)
```
#5f31f4
```
#5f31f4 rgb(95,49,244)
```
#6f31f4
```
#6f31f4 rgb(111,49,244)
```
#7f31f4
```
#7f31f4 rgb(127,49,244)
```
#9031f4
```
#9031f4 rgb(144,49,244)
```
#a031f4
```
#a031f4 rgb(160,49,244)
```

Similar Colors

Text with hexadecimal color #6f31f4

This text has a font color of #6f31f4.

<span style="color:#6f31f4;">Text here</span>

#6f31f4 background color

This paragraph has a background color of #6f31f4.

<p style="background-color:#6f31f4;">Content here</p>

#6f31f4 border color

This element has a border color of #6f31f4.

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

CSS codes

.text {color:#6f31f4;}

.background {background-color:#6f31f4;}

.border {border:1px solid #6f31f4;}

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

#060111
```
#060111 rgb(6,1,17)
```
#0d0224
```
#0d0224 rgb(13,2,36)
```
#130337
```
#130337 rgb(19,3,55)
```
#1a0449
```
#1a0449 rgb(26,4,73)
```
#21055c
```
#21055c rgb(33,5,92)
```
#27066f
```
#27066f rgb(39,6,111)
```
#2e0781
```
#2e0781 rgb(46,7,129)
```
#340894
```
#340894 rgb(52,8,148)
```
#3b09a6
```
#3b09a6 rgb(59,9,166)
```
#420ab9
```
#420ab9 rgb(66,10,185)
```
#480bcc
```
#480bcc rgb(72,11,204)
```
#4f0cde
```
#4f0cde rgb(79,12,222)
```
#550df1
```
#550df1 rgb(85,13,241)
```

Shade Color Variation

#621ef3
```
#621ef3 rgb(98,30,243)
```
#6f31f4
```
#6f31f4 rgb(111,49,244)
```
#7c44f5
```
#7c44f5 rgb(124,68,245)
```
#8956f6
```
#8956f6 rgb(137,86,246)
```
#9669f7
```
#9669f7 rgb(150,105,247)
```
#a37bf8
```
#a37bf8 rgb(163,123,248)
```
#b08ef9
```
#b08ef9 rgb(176,142,249)
```
#bda1fa
```
#bda1fa rgb(189,161,250)
```
#cab3fb
```
#cab3fb rgb(202,179,251)
```
#d7c6fc
```
#d7c6fc rgb(215,198,252)
```
#e4d9fd
```
#e4d9fd rgb(228,217,253)
```
#f1ebfe
```
#f1ebfe rgb(241,235,254)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #908d98 is the less saturated color, while #6c29fc is the most saturated one.

#908d98
```
#908d98 rgb(144,141,152)
```
#8d84a1
```
#8d84a1 rgb(141,132,161)
```
#8a7ca9
```
#8a7ca9 rgb(138,124,169)
```
#8774b1
```
#8774b1 rgb(135,116,177)
```
#846bba
```
#846bba rgb(132,107,186)
```
#8163c2
```
#8163c2 rgb(129,99,194)
```
#7e5bca
```
#7e5bca rgb(126,91,202)
```
#7b52d3
```
#7b52d3 rgb(123,82,211)
```
#784adb
```
#784adb rgb(120,74,219)
```
#7542e3
```
#7542e3 rgb(117,66,227)
```
#7239ec
```
#7239ec rgb(114,57,236)
```
#6f31f4
```
#6f31f4 rgb(111,49,244)
```
#6c29fc
```
#6c29fc rgb(108,41,252)
```

Tone Color Variation

Below, you can see how #6f31f4 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

#5a5a5a Achromatopsia 0.005% of the population
#5e5279 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0066c7 Protanopia 1% of men
#006cad Deuteranopia 1% of men
#3a7179 Tritanopia 0.001% of the population

Trichromacy

#2853d7 Protanomaly 1% of men, 0.01% of women
#2856c7 Deuteranomaly 6% of men, 0.4% of women
#4d5aa6 Tritanomaly 0.01% of the population