#531af0 hex color

In a RGB color space, hex #531af0 is composed of 32.5% red, 10.2% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 65.4% cyan, 89.2% magenta, 0% yellow and 5.9% black. It has a hue angle of 256 degrees, a saturation of 87.7% and a lightness of 52.2%. #531af0 color hex could be obtained by blending #a634ff with #0000e1. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 33
- G 10
- B 94
RGB color chart
- C 65
- M 89
- Y 0
- K 6
CMYK color chart

● #531af0 color description : Vivid violet.

The hexadecimal color #531af0 has RGB values of R:83, G:26, B:240 and CMYK values of C:0.65, M:0.89, Y:0, K:0.06. Its decimal value is 5446384.

Hex triplet	531af0	`#531af0`
RGB Decimal	83, 26, 240	`rgb(83,26,240)`
RGB Percent	32.5, 10.2, 94.1	`rgb(32.5%,10.2%,94.1%)`
CMYK	65, 89, 0, 6
HSL	256°, 87.7, 52.2	`hsl(256,87.7%,52.2%)`
HSV (or HSB)	256°, 89.2, 94.1
Web Safe	6633ff	`#6633ff`

CIE-LAB	35.729, 72.738, -93.59
XYZ	19.662, 8.868, 83.109
xyY	0.176, 0.079, 8.868
CIE-LCH	35.729, 118.533, 307.854
CIE-LUV	35.729, -1.024, -125.317
Hunter-Lab	29.78, 65.74, -144.621
Binary	01010011, 00011010, 11110000

#531af0
```
#531af0 rgb(83,26,240)
```
#b7f01a
```
#b7f01a rgb(183,240,26)
```

Complementary Color

#1a4cf0
```
#1a4cf0 rgb(26,76,240)
```
#531af0
```
#531af0 rgb(83,26,240)
```
#be1af0
```
#be1af0 rgb(190,26,240)
```

Analogous Color

#4cf01a
```
#4cf01a rgb(76,240,26)
```
#531af0
```
#531af0 rgb(83,26,240)
```
#f0be1a
```
#f0be1a rgb(240,190,26)
```

Split Complementary Color

#1af053
```
#1af053 rgb(26,240,83)
```
#531af0
```
#531af0 rgb(83,26,240)
```
#f0531a
```
#f0531a rgb(240,83,26)
```

Triadic Color

#1ab7f0
```
#1ab7f0 rgb(26,183,240)
```
#531af0
```
#531af0 rgb(83,26,240)
```
#f0531a
```
#f0531a rgb(240,83,26)
```
#b7f01a
```
#b7f01a rgb(183,240,26)
```

Tetradic Color

#380cb2
```
#380cb2 rgb(56,12,178)
```
#3f0dca
```
#3f0dca rgb(63,13,202)
```
#470fe2
```
#470fe2 rgb(71,15,226)
```
#531af0
```
#531af0 rgb(83,26,240)
```
#6532f2
```
#6532f2 rgb(101,50,242)
```
#774af3
```
#774af3 rgb(119,74,243)
```
#8962f5
```
#8962f5 rgb(137,98,245)
```

Monochromatic Color

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

#1d1af0
```
#1d1af0 rgb(29,26,240)
```
#2f1af0
```
#2f1af0 rgb(47,26,240)
```
#411af0
```
#411af0 rgb(65,26,240)
```
#531af0
```
#531af0 rgb(83,26,240)
```
#651af0
```
#651af0 rgb(101,26,240)
```
#771af0
```
#771af0 rgb(119,26,240)
```
#891af0
```
#891af0 rgb(137,26,240)
```

Similar Colors

Text with hexadecimal color #531af0

This text has a font color of #531af0.

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

#531af0 background color

This paragraph has a background color of #531af0.

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

#531af0 border color

This element has a border color of #531af0.

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

CSS codes

.text {color:#531af0;}

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

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

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

#03010a
```
#03010a rgb(3,1,10)
```
#09021d
```
#09021d rgb(9,2,29)
```
#0f032f
```
#0f032f rgb(15,3,47)
```
#150442
```
#150442 rgb(21,4,66)
```
#1a0554
```
#1a0554 rgb(26,5,84)
```
#200766
```
#200766 rgb(32,7,102)
```
#260879
```
#260879 rgb(38,8,121)
```
#2c098b
```
#2c098b rgb(44,9,139)
```
#320a9e
```
#320a9e rgb(50,10,158)
```
#370cb0
```
#370cb0 rgb(55,12,176)
```
#3d0dc2
```
#3d0dc2 rgb(61,13,194)
```
#430ed5
```
#430ed5 rgb(67,14,213)
```
#490fe7
```
#490fe7 rgb(73,15,231)
```

Shade Color Variation

#531af0
```
#531af0 rgb(83,26,240)
```
#612cf1
```
#612cf1 rgb(97,44,241)
```
#6f3ff2
```
#6f3ff2 rgb(111,63,242)
```
#7c51f4
```
#7c51f4 rgb(124,81,244)
```
#8a64f5
```
#8a64f5 rgb(138,100,245)
```
#9876f6
```
#9876f6 rgb(152,118,246)
```
#a688f7
```
#a688f7 rgb(166,136,247)
```
#b49bf8
```
#b49bf8 rgb(180,155,248)
```
#c2adfa
```
#c2adfa rgb(194,173,250)
```
#cfc0fb
```
#cfc0fb rgb(207,192,251)
```
#ddd2fc
```
#ddd2fc rgb(221,210,252)
```
#ebe5fd
```
#ebe5fd rgb(235,229,253)
```
#f9f7fe
```
#f9f7fe rgb(249,247,254)
```

Tint Color Variation

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

#838189
```
#838189 rgb(131,129,137)
```
#7f7892
```
#7f7892 rgb(127,120,146)
```
#7a6e9c
```
#7a6e9c rgb(122,110,156)
```
#7665a5
```
#7665a5 rgb(118,101,165)
```
#725cae
```
#725cae rgb(114,92,174)
```
#6d52b8
```
#6d52b8 rgb(109,82,184)
```
#6949c1
```
#6949c1 rgb(105,73,193)
```
#6540ca
```
#6540ca rgb(101,64,202)
```
#6036d4
```
#6036d4 rgb(96,54,212)
```
#5c2ddd
```
#5c2ddd rgb(92,45,221)
```
#5723e7
```
#5723e7 rgb(87,35,231)
```
#531af0
```
#531af0 rgb(83,26,240)
```
#4f11f9
```
#4f11f9 rgb(79,17,249)
```

Tone Color Variation

Below, you can see how #531af0 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

#434343 Achromatopsia 0.005% of the population
#463b66 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005aaf Protanopia 1% of men
#005f97 Deuteranopia 1% of men
#00666b Tritanopia 0.001% of the population

Trichromacy

#1e42c6 Protanomaly 1% of men, 0.01% of women
#1e46b7 Deuteranomaly 6% of men, 0.4% of women
#1e4a9b Tritanomaly 0.01% of the population

#531af0 hex color

#531af0 Color Information

#531af0 Color Conversion

Color Schemes with #531af0

Alternatives to #531af0

#531af0 Preview

Shades and Tints of #531af0

Tones of #531af0

Color Blindness Simulator