colorhexa.com

#631bf5 hex color

In a RGB color space, hex #631bf5 is composed of 38.8% red, 10.6% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 59.6% cyan, 89% magenta, 0% yellow and 3.9% black. It has a hue angle of 259.8 degrees, a saturation of 91.6% and a lightness of 53.3%. #631bf5 color hex could be obtained by blending #c636ff with #0000eb. Closest websafe color is: #6633ff.

- R 39
- G 11
- B 96
RGB color chart
- C 60
- M 89
- Y 0
- K 4
CMYK color chart

● #631bf5 color description : Vivid violet.

The hexadecimal color #631bf5 has RGB values of R:99, G:27, B:245 and CMYK values of C:0.6, M:0.89, Y:0, K:0.04. Its decimal value is 6495221.

Hex triplet	631bf5	`#631bf5`
RGB Decimal	99, 27, 245	`rgb(99,27,245)`
RGB Percent	38.8, 10.6, 96.1	`rgb(38.8%,10.6%,96.1%)`
CMYK	60, 89, 0, 4
HSL	259.8°, 91.6, 53.3	`hsl(259.8,91.6%,53.3%)`
HSV (or HSB)	259.8°, 89, 96.1
Web Safe	6633ff	`#6633ff`

CIE-LAB	37.893, 74.77, -92.78
XYZ	22.016, 10.028, 87.157
xyY	0.185, 0.084, 10.028
CIE-LCH	37.893, 119.158, 308.865
CIE-LUV	37.893, 2.519, -128.243
Hunter-Lab	31.668, 68.678, -141.012
Binary	01100011, 00011011, 11110101

#631bf5
```
#631bf5 rgb(99,27,245)
```
#adf51b
```
#adf51b rgb(173,245,27)
```

Complementary Color

#1b40f5
```
#1b40f5 rgb(27,64,245)
```
#631bf5
```
#631bf5 rgb(99,27,245)
```
#d01bf5
```
#d01bf5 rgb(208,27,245)
```

Analogous Color

#40f51b
```
#40f51b rgb(64,245,27)
```
#631bf5
```
#631bf5 rgb(99,27,245)
```
#f5d01b
```
#f5d01b rgb(245,208,27)
```

Split Complementary Color

#1bf563
```
#1bf563 rgb(27,245,99)
```
#631bf5
```
#631bf5 rgb(99,27,245)
```
#f5631b
```
#f5631b rgb(245,99,27)
```

Triadic Color

#1badf5
```
#1badf5 rgb(27,173,245)
```
#631bf5
```
#631bf5 rgb(99,27,245)
```
#f5631b
```
#f5631b rgb(245,99,27)
```
#adf51b
```
#adf51b rgb(173,245,27)
```

Tetradic Color

#4308bb
```
#4308bb rgb(67,8,187)
```
#4c09d4
```
#4c09d4 rgb(76,9,212)
```
#550aec
```
#550aec rgb(85,10,236)
```
#631bf5
```
#631bf5 rgb(99,27,245)
```
#7433f6
```
#7433f6 rgb(116,51,246)
```
#844cf7
```
#844cf7 rgb(132,76,247)
```
#9564f8
```
#9564f8 rgb(149,100,248)
```

Monochromatic Color

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

#2d1bf5
```
#2d1bf5 rgb(45,27,245)
```
#3f1bf5
```
#3f1bf5 rgb(63,27,245)
```
#511bf5
```
#511bf5 rgb(81,27,245)
```
#631bf5
```
#631bf5 rgb(99,27,245)
```
#751bf5
```
#751bf5 rgb(117,27,245)
```
#871bf5
```
#871bf5 rgb(135,27,245)
```
#9a1bf5
```
#9a1bf5 rgb(154,27,245)
```

Similar Colors

Text with hexadecimal color #631bf5

This text has a font color of #631bf5.

<span style="color:#631bf5;">Text here</span>

#631bf5 background color

This paragraph has a background color of #631bf5.

<p style="background-color:#631bf5;">Content here</p>

#631bf5 border color

This element has a border color of #631bf5.

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

CSS codes

.text {color:#631bf5;}

.background {background-color:#631bf5;}

.border {border:1px solid #631bf5;}

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

#060110
```
#060110 rgb(6,1,16)
```
#0d0223
```
#0d0223 rgb(13,2,35)
```
#130236
```
#130236 rgb(19,2,54)
```
#1a0349
```
#1a0349 rgb(26,3,73)
```
#21045b
```
#21045b rgb(33,4,91)
```
#28056e
```
#28056e rgb(40,5,110)
```
#2e0681
```
#2e0681 rgb(46,6,129)
```
#350694
```
#350694 rgb(53,6,148)
```
#3c07a7
```
#3c07a7 rgb(60,7,167)
```
#4308b9
```
#4308b9 rgb(67,8,185)
```
#4909cc
```
#4909cc rgb(73,9,204)
```
#500adf
```
#500adf rgb(80,10,223)
```
#570bf2
```
#570bf2 rgb(87,11,242)
```

Shade Color Variation

#631bf5
```
#631bf5 rgb(99,27,245)
```
#702ef6
```
#702ef6 rgb(112,46,246)
```
#7d41f7
```
#7d41f7 rgb(125,65,247)
```
#8a53f7
```
#8a53f7 rgb(138,83,247)
```
#9666f8
```
#9666f8 rgb(150,102,248)
```
#a379f9
```
#a379f9 rgb(163,121,249)
```
#b08cfa
```
#b08cfa rgb(176,140,250)
```
#bd9ffb
```
#bd9ffb rgb(189,159,251)
```
#cab1fc
```
#cab1fc rgb(202,177,252)
```
#d7c4fc
```
#d7c4fc rgb(215,196,252)
```
#e4d7fd
```
#e4d7fd rgb(228,215,253)
```
#f0eafe
```
#f0eafe rgb(240,234,254)
```
#fdfcff
```
#fdfcff rgb(253,252,255)
```

Tint Color Variation

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

#858090
```
#858090 rgb(133,128,144)
```
#827799
```
#827799 rgb(130,119,153)
```
#7f6da3
```
#7f6da3 rgb(127,109,163)
```
#7c64ac
```
#7c64ac rgb(124,100,172)
```
#795bb5
```
#795bb5 rgb(121,91,181)
```
#7652be
```
#7652be rgb(118,82,190)
```
#7349c7
```
#7349c7 rgb(115,73,199)
```
#6f40d0
```
#6f40d0 rgb(111,64,208)
```
#6c36da
```
#6c36da rgb(108,54,218)
```
#692de3
```
#692de3 rgb(105,45,227)
```
#6624ec
```
#6624ec rgb(102,36,236)
```
#631bf5
```
#631bf5 rgb(99,27,245)
```
#6012fe
```
#6012fe rgb(96,18,254)
```

Tone Color Variation

Below, you can see how #631bf5 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

#494949 Achromatopsia 0.005% of the population
#4e406b Atypical Achromatopsia 0.001% of the population

Dichromacy

#005fb8 Protanopia 1% of men
#00649f Deuteranopia 1% of men
#006b72 Tritanopia 0.001% of the population

Trichromacy

#2446ce Protanomaly 1% of men, 0.01% of women
#2449be Deuteranomaly 6% of men, 0.4% of women
#244ea2 Tritanomaly 0.01% of the population