#581af2 hex color

In a RGB color space, hex #581af2 is composed of 34.5% red, 10.2% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 63.6% cyan, 89.3% magenta, 0% yellow and 5.1% black. It has a hue angle of 257.2 degrees, a saturation of 89.3% and a lightness of 52.5%. #581af2 color hex could be obtained by blending #b034ff with #0000e5. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 35
- G 10
- B 95
RGB color chart
- C 64
- M 89
- Y 0
- K 5
CMYK color chart

● #581af2 color description : Vivid violet.

The hexadecimal color #581af2 has RGB values of R:88, G:26, B:242 and CMYK values of C:0.64, M:0.89, Y:0, K:0.05. Its decimal value is 5774066.

Hex triplet	581af2	`#581af2`
RGB Decimal	88, 26, 242	`rgb(88,26,242)`
RGB Percent	34.5, 10.2, 94.9	`rgb(34.5%,10.2%,94.9%)`
CMYK	64, 89, 0, 5
HSL	257.2°, 89.3, 52.5	`hsl(257.2,89.3%,52.5%)`
HSV (or HSB)	257.2°, 89.3, 94.9
Web Safe	6633ff	`#6633ff`

CIE-LAB	36.411, 73.542, -93.577
XYZ	20.418, 9.224, 84.704
xyY	0.179, 0.081, 9.224
CIE-LCH	36.411, 119.017, 308.164
CIE-LUV	36.411, -0.015, -126.517
Hunter-Lab	30.37, 66.858, -144.103
Binary	01011000, 00011010, 11110010

#581af2
```
#581af2 rgb(88,26,242)
```
#b4f21a
```
#b4f21a rgb(180,242,26)
```

Complementary Color

#1a48f2
```
#1a48f2 rgb(26,72,242)
```
#581af2
```
#581af2 rgb(88,26,242)
```
#c41af2
```
#c41af2 rgb(196,26,242)
```

Analogous Color

#48f21a
```
#48f21a rgb(72,242,26)
```
#581af2
```
#581af2 rgb(88,26,242)
```
#f2c41a
```
#f2c41a rgb(242,196,26)
```

Split Complementary Color

#1af258
```
#1af258 rgb(26,242,88)
```
#581af2
```
#581af2 rgb(88,26,242)
```
#f2581a
```
#f2581a rgb(242,88,26)
```

Triadic Color

#1ab4f2
```
#1ab4f2 rgb(26,180,242)
```
#581af2
```
#581af2 rgb(88,26,242)
```
#f2581a
```
#f2581a rgb(242,88,26)
```
#b4f21a
```
#b4f21a rgb(180,242,26)
```

Tetradic Color

#3b0ab5
```
#3b0ab5 rgb(59,10,181)
```
#430ccd
```
#430ccd rgb(67,12,205)
```
#4b0de5
```
#4b0de5 rgb(75,13,229)
```
#581af2
```
#581af2 rgb(88,26,242)
```
#6a32f3
```
#6a32f3 rgb(106,50,243)
```
#7b4af5
```
#7b4af5 rgb(123,74,245)
```
#8d62f6
```
#8d62f6 rgb(141,98,246)
```

Monochromatic Color

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

#221af2
```
#221af2 rgb(34,26,242)
```
#341af2
```
#341af2 rgb(52,26,242)
```
#461af2
```
#461af2 rgb(70,26,242)
```
#581af2
```
#581af2 rgb(88,26,242)
```
#6a1af2
```
#6a1af2 rgb(106,26,242)
```
#7c1af2
```
#7c1af2 rgb(124,26,242)
```
#8e1af2
```
#8e1af2 rgb(142,26,242)
```

Similar Colors

Text with hexadecimal color #581af2

This text has a font color of #581af2.

<span style="color:#581af2;">Text here</span>

#581af2 background color

This paragraph has a background color of #581af2.

<p style="background-color:#581af2;">Content here</p>

#581af2 border color

This element has a border color of #581af2.

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

CSS codes

.text {color:#581af2;}

.background {background-color:#581af2;}

.border {border:1px solid #581af2;}

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

#04010c
```
#04010c rgb(4,1,12)
```
#0a021f
```
#0a021f rgb(10,2,31)
```
#100331
```
#100331 rgb(16,3,49)
```
#160444
```
#160444 rgb(22,4,68)
```
#1c0557
```
#1c0557 rgb(28,5,87)
```
#220669
```
#220669 rgb(34,6,105)
```
#29077c
```
#29077c rgb(41,7,124)
```
#2f088e
```
#2f088e rgb(47,8,142)
```
#3509a1
```
#3509a1 rgb(53,9,161)
```
#3b0ab3
```
#3b0ab3 rgb(59,10,179)
```
#410bc6
```
#410bc6 rgb(65,11,198)
```
#470cd8
```
#470cd8 rgb(71,12,216)
```
#4d0deb
```
#4d0deb rgb(77,13,235)
```

Shade Color Variation

#581af2
```
#581af2 rgb(88,26,242)
```
#662df3
```
#662df3 rgb(102,45,243)
```
#733ff4
```
#733ff4 rgb(115,63,244)
```
#8152f5
```
#8152f5 rgb(129,82,245)
```
#8e64f6
```
#8e64f6 rgb(142,100,246)
```
#9c77f7
```
#9c77f7 rgb(156,119,247)
```
#a989f8
```
#a989f8 rgb(169,137,248)
```
#b79cf9
```
#b79cf9 rgb(183,156,249)
```
#c4aefa
```
#c4aefa rgb(196,174,250)
```
#d2c1fb
```
#d2c1fb rgb(210,193,251)
```
#dfd4fd
```
#dfd4fd rgb(223,212,253)
```
#ede6fe
```
#ede6fe rgb(237,230,254)
```
#faf9ff
```
#faf9ff rgb(250,249,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #84808c is the less saturated color, while #5411fb is the most saturated one.

#84808c
```
#84808c rgb(132,128,140)
```
#807795
```
#807795 rgb(128,119,149)
```
#7c6e9e
```
#7c6e9e rgb(124,110,158)
```
#7864a8
```
#7864a8 rgb(120,100,168)
```
#745bb1
```
#745bb1 rgb(116,91,177)
```
#7052ba
```
#7052ba rgb(112,82,186)
```
#6c49c3
```
#6c49c3 rgb(108,73,195)
```
#683fcd
```
#683fcd rgb(104,63,205)
```
#6436d6
```
#6436d6 rgb(100,54,214)
```
#602ddf
```
#602ddf rgb(96,45,223)
```
#5c23e9
```
#5c23e9 rgb(92,35,233)
```
#581af2
```
#581af2 rgb(88,26,242)
```
#5411fb
```
#5411fb rgb(84,17,251)
```

Tone Color Variation

Below, you can see how #581af2 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

#454545 Achromatopsia 0.005% of the population
#493c68 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005bb2 Protanopia 1% of men
#00619a Deuteranopia 1% of men
#00676d Tritanopia 0.001% of the population

Trichromacy

#2043c9 Protanomaly 1% of men, 0.01% of women
#2047ba Deuteranomaly 6% of men, 0.4% of women
#204b9d Tritanomaly 0.01% of the population

#581af2 hex color

#581af2 Color Information

#581af2 Color Conversion

Color Schemes with #581af2

Alternatives to #581af2

#581af2 Preview

Shades and Tints of #581af2

Tones of #581af2

Color Blindness Simulator