#531af5 hex color

In a RGB color space, hex #531af5 is composed of 32.5% red, 10.2% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 66.1% cyan, 89.4% magenta, 0% yellow and 3.9% black. It has a hue angle of 255.6 degrees, a saturation of 91.6% and a lightness of 53.1%. #531af5 color hex could be obtained by blending #a634ff with #0000eb. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 33
- G 10
- B 96
RGB color chart
- C 66
- M 89
- Y 0
- K 4
CMYK color chart

● #531af5 color description : Vivid violet.

The hexadecimal color #531af5 has RGB values of R:83, G:26, B:245 and CMYK values of C:0.66, M:0.89, Y:0, K:0.04. Its decimal value is 5446389.

Hex triplet	531af5	`#531af5`
RGB Decimal	83, 26, 245	`rgb(83,26,245)`
RGB Percent	32.5, 10.2, 96.1	`rgb(32.5%,10.2%,96.1%)`
CMYK	66, 89, 0, 4
HSL	255.6°, 91.6, 53.1	`hsl(255.6,91.6%,53.1%)`
HSV (or HSB)	255.6°, 89.4, 96.1
Web Safe	6633ff	`#6633ff`

CIE-LAB	36.309, 73.97, -95.454
XYZ	20.415, 9.169, 87.075
xyY	0.175, 0.079, 9.169
CIE-LCH	36.309, 120.76, 307.773
CIE-LUV	36.309, -1.431, -128.134
Hunter-Lab	30.281, 67.349, -149.295
Binary	01010011, 00011010, 11110101

#531af5
```
#531af5 rgb(83,26,245)
```
#bcf51a
```
#bcf51a rgb(188,245,26)
```

Complementary Color

#1a4ef5
```
#1a4ef5 rgb(26,78,245)
```
#531af5
```
#531af5 rgb(83,26,245)
```
#c11af5
```
#c11af5 rgb(193,26,245)
```

Analogous Color

#4ef51a
```
#4ef51a rgb(78,245,26)
```
#531af5
```
#531af5 rgb(83,26,245)
```
#f5c11a
```
#f5c11a rgb(245,193,26)
```

Split Complementary Color

#1af553
```
#1af553 rgb(26,245,83)
```
#531af5
```
#531af5 rgb(83,26,245)
```
#f5531a
```
#f5531a rgb(245,83,26)
```

Triadic Color

#1abcf5
```
#1abcf5 rgb(26,188,245)
```
#531af5
```
#531af5 rgb(83,26,245)
```
#f5531a
```
#f5531a rgb(245,83,26)
```
#bcf51a
```
#bcf51a rgb(188,245,26)
```

Tetradic Color

#3708ba
```
#3708ba rgb(55,8,186)
```
#3e09d3
```
#3e09d3 rgb(62,9,211)
```
#450aeb
```
#450aeb rgb(69,10,235)
```
#531af5
```
#531af5 rgb(83,26,245)
```
#6532f6
```
#6532f6 rgb(101,50,246)
```
#784bf7
```
#784bf7 rgb(120,75,247)
```
#8a63f8
```
#8a63f8 rgb(138,99,248)
```

Monochromatic Color

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

#1c1af5
```
#1c1af5 rgb(28,26,245)
```
#2f1af5
```
#2f1af5 rgb(47,26,245)
```
#411af5
```
#411af5 rgb(65,26,245)
```
#531af5
```
#531af5 rgb(83,26,245)
```
#651af5
```
#651af5 rgb(101,26,245)
```
#781af5
```
#781af5 rgb(120,26,245)
```
#8a1af5
```
#8a1af5 rgb(138,26,245)
```

Similar Colors

Text with hexadecimal color #531af5

This text has a font color of #531af5.

<span style="color:#531af5;">Text here</span>

#531af5 background color

This paragraph has a background color of #531af5.

<p style="background-color:#531af5;">Content here</p>

#531af5 border color

This element has a border color of #531af5.

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

CSS codes

.text {color:#531af5;}

.background {background-color:#531af5;}

.border {border:1px solid #531af5;}

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, #04010f is the darkest color, while #fcfcff is the lightest one.

#04010f
```
#04010f rgb(4,1,15)
```
#0a0122
```
#0a0122 rgb(10,1,34)
```
#0f0235
```
#0f0235 rgb(15,2,53)
```
#150348
```
#150348 rgb(21,3,72)
```
#1a045b
```
#1a045b rgb(26,4,91)
```
#20056d
```
#20056d rgb(32,5,109)
```
#250680
```
#250680 rgb(37,6,128)
```
#2b0693
```
#2b0693 rgb(43,6,147)
```
#3007a6
```
#3007a6 rgb(48,7,166)
```
#3608b8
```
#3608b8 rgb(54,8,184)
```
#3b09cb
```
#3b09cb rgb(59,9,203)
```
#410ade
```
#410ade rgb(65,10,222)
```
#460bf1
```
#460bf1 rgb(70,11,241)
```

Shade Color Variation

#531af5
```
#531af5 rgb(83,26,245)
```
#612df6
```
#612df6 rgb(97,45,246)
```
#6f40f7
```
#6f40f7 rgb(111,64,247)
```
#7d52f7
```
#7d52f7 rgb(125,82,247)
```
#8b65f8
```
#8b65f8 rgb(139,101,248)
```
#9a78f9
```
#9a78f9 rgb(154,120,249)
```
#a88bfa
```
#a88bfa rgb(168,139,250)
```
#b69efb
```
#b69efb rgb(182,158,251)
```
#c4b0fc
```
#c4b0fc rgb(196,176,252)
```
#d2c3fc
```
#d2c3fc rgb(210,195,252)
```
#e0d6fd
```
#e0d6fd rgb(224,214,253)
```
#eee9fe
```
#eee9fe rgb(238,233,254)
```
#fcfcff
```
#fcfcff rgb(252,252,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #837f90 is the less saturated color, while #4f11fe is the most saturated one.

#837f90
```
#837f90 rgb(131,127,144)
```
#7f7699
```
#7f7699 rgb(127,118,153)
```
#7b6da2
```
#7b6da2 rgb(123,109,162)
```
#7664ab
```
#7664ab rgb(118,100,171)
```
#725ab5
```
#725ab5 rgb(114,90,181)
```
#6d51be
```
#6d51be rgb(109,81,190)
```
#6948c7
```
#6948c7 rgb(105,72,199)
```
#653fd0
```
#653fd0 rgb(101,63,208)
```
#6036d9
```
#6036d9 rgb(96,54,217)
```
#5c2ce3
```
#5c2ce3 rgb(92,44,227)
```
#5723ec
```
#5723ec rgb(87,35,236)
```
#531af5
```
#531af5 rgb(83,26,245)
```
#4f11fe
```
#4f11fe rgb(79,17,254)
```

Tone Color Variation

Below, you can see how #531af5 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
#473c67 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005bb1 Protanopia 1% of men
#006099 Deuteranopia 1% of men
#00676d Tritanopia 0.001% of the population

Trichromacy

#1e43ca Protanomaly 1% of men, 0.01% of women
#1e47ba Deuteranomaly 6% of men, 0.4% of women
#1e4b9e Tritanomaly 0.01% of the population

#531af5 hex color

#531af5 Color Information

#531af5 Color Conversion

Color Schemes with #531af5

Alternatives to #531af5

#531af5 Preview

Shades and Tints of #531af5

Tones of #531af5

Color Blindness Simulator