#561bd3 hex color

In a RGB color space, hex #561bd3 is composed of 33.7% red, 10.6% green and 82.7% blue. Whereas in a CMYK color space, it is composed of 59.2% cyan, 87.2% magenta, 0% yellow and 17.3% black. It has a hue angle of 259.2 degrees, a saturation of 77.3% and a lightness of 46.7%. #561bd3 color hex could be obtained by blending #ac36ff with #0000a7. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 34
- G 11
- B 83
RGB color chart
- C 59
- M 87
- Y 0
- K 17
CMYK color chart

● #561bd3 color description : Strong violet.

The hexadecimal color #561bd3 has RGB values of R:86, G:27, B:211 and CMYK values of C:0.59, M:0.87, Y:0, K:0.17. Its decimal value is 5643219.

Hex triplet	561bd3	`#561bd3`
RGB Decimal	86, 27, 211	`rgb(86,27,211)`
RGB Percent	33.7, 10.6, 82.7	`rgb(33.7%,10.6%,82.7%)`
CMYK	59, 87, 0, 17
HSL	259.2°, 77.3, 46.7	`hsl(259.2,77.3%,46.7%)`
HSV (or HSB)	259.2°, 87.2, 82.7
Web Safe	6633cc	`#6633cc`

CIE-LAB	32.843, 65.464, -81.757
XYZ	15.985, 7.465, 62.223
xyY	0.187, 0.087, 7.465
CIE-LCH	32.843, 104.737, 308.685
CIE-LUV	32.843, 2.301, -108.788
Hunter-Lab	27.322, 56.622, -115.901
Binary	01010110, 00011011, 11010011

#561bd3
```
#561bd3 rgb(86,27,211)
```
#98d31b
```
#98d31b rgb(152,211,27)
```

Complementary Color

#1b3cd3
```
#1b3cd3 rgb(27,60,211)
```
#561bd3
```
#561bd3 rgb(86,27,211)
```
#b21bd3
```
#b21bd3 rgb(178,27,211)
```

Analogous Color

#3cd31b
```
#3cd31b rgb(60,211,27)
```
#561bd3
```
#561bd3 rgb(86,27,211)
```
#d3b21b
```
#d3b21b rgb(211,178,27)
```

Split Complementary Color

#1bd356
```
#1bd356 rgb(27,211,86)
```
#561bd3
```
#561bd3 rgb(86,27,211)
```
#d3561b
```
#d3561b rgb(211,86,27)
```

Triadic Color

#1b98d3
```
#1b98d3 rgb(27,152,211)
```
#561bd3
```
#561bd3 rgb(86,27,211)
```
#d3561b
```
#d3561b rgb(211,86,27)
```
#98d31b
```
#98d31b rgb(152,211,27)
```

Tetradic Color

#3a128f
```
#3a128f rgb(58,18,143)
```
#4415a6
```
#4415a6 rgb(68,21,166)
```
#4d18bc
```
#4d18bc rgb(77,24,188)
```
#561bd3
```
#561bd3 rgb(86,27,211)
```
#6224e3
```
#6224e3 rgb(98,36,227)
```
#723be6
```
#723be6 rgb(114,59,230)
```
#8252e9
```
#8252e9 rgb(130,82,233)
```

Monochromatic Color

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

#281bd3
```
#281bd3 rgb(40,27,211)
```
#371bd3
```
#371bd3 rgb(55,27,211)
```
#471bd3
```
#471bd3 rgb(71,27,211)
```
#561bd3
```
#561bd3 rgb(86,27,211)
```
#651bd3
```
#651bd3 rgb(101,27,211)
```
#751bd3
```
#751bd3 rgb(117,27,211)
```
#841bd3
```
#841bd3 rgb(132,27,211)
```

Similar Colors

Text with hexadecimal color #561bd3

This text has a font color of #561bd3.

<span style="color:#561bd3;">Text here</span>

#561bd3 background color

This paragraph has a background color of #561bd3.

<p style="background-color:#561bd3;">Content here</p>

#561bd3 border color

This element has a border color of #561bd3.

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

CSS codes

.text {color:#561bd3;}

.background {background-color:#561bd3;}

.border {border:1px solid #561bd3;}

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

#010002
```
#010002 rgb(1,0,2)
```
#080314
```
#080314 rgb(8,3,20)
```
#0f0525
```
#0f0525 rgb(15,5,37)
```
#160736
```
#160736 rgb(22,7,54)
```
#1d0948
```
#1d0948 rgb(29,9,72)
```
#240b59
```
#240b59 rgb(36,11,89)
```
#2b0e6b
```
#2b0e6b rgb(43,14,107)
```
#33107c
```
#33107c rgb(51,16,124)
```
#3a128d
```
#3a128d rgb(58,18,141)
```
#41149f
```
#41149f rgb(65,20,159)
```
#4817b0
```
#4817b0 rgb(72,23,176)
```
#4f19c2
```
#4f19c2 rgb(79,25,194)
```
#561bd3
```
#561bd3 rgb(86,27,211)
```

Shade Color Variation

#5e1fe2
```
#5e1fe2 rgb(94,31,226)
```
#6a31e5
```
#6a31e5 rgb(106,49,229)
```
#7742e7
```
#7742e7 rgb(119,66,231)
```
#8353e9
```
#8353e9 rgb(131,83,233)
```
#9065eb
```
#9065eb rgb(144,101,235)
```
#9c76ed
```
#9c76ed rgb(156,118,237)
```
#a988f0
```
#a988f0 rgb(169,136,240)
```
#b699f2
```
#b699f2 rgb(182,153,242)
```
#c2aaf4
```
#c2aaf4 rgb(194,170,244)
```
#cfbcf6
```
#cfbcf6 rgb(207,188,246)
```
#dbcdf9
```
#dbcdf9 rgb(219,205,249)
```
#e8dffb
```
#e8dffb rgb(232,223,251)
```
#f4f0fd
```
#f4f0fd rgb(244,240,253)
```

Tint Color Variation

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

#777777
```
#777777 rgb(119,119,119)
```
#746d81
```
#746d81 rgb(116,109,129)
```
#70648a
```
#70648a rgb(112,100,138)
```
#6d5b93
```
#6d5b93 rgb(109,91,147)
```
#6a529c
```
#6a529c rgb(106,82,156)
```
#6649a5
```
#6649a5 rgb(102,73,165)
```
#6340ae
```
#6340ae rgb(99,64,174)
```
#6036b8
```
#6036b8 rgb(96,54,184)
```
#5d2dc1
```
#5d2dc1 rgb(93,45,193)
```
#5924ca
```
#5924ca rgb(89,36,202)
```
#561bd3
```
#561bd3 rgb(86,27,211)
```
#5312dc
```
#5312dc rgb(83,18,220)
```
#4f09e5
```
#4f09e5 rgb(79,9,229)
```

Tone Color Variation

Below, you can see how #561bd3 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

#424242 Achromatopsia 0.005% of the population
#463a5f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0054a3 Protanopia 1% of men
#00588d Deuteranopia 1% of men
#005e65 Tritanopia 0.001% of the population

Trichromacy

#1f3fb4 Protanomaly 1% of men, 0.01% of women
#1f42a6 Deuteranomaly 6% of men, 0.4% of women
#1f468d Tritanomaly 0.01% of the population

#561bd3 hex color

#561bd3 Color Information

#561bd3 Color Conversion

Color Schemes with #561bd3

Alternatives to #561bd3

#561bd3 Preview

Shades and Tints of #561bd3

Tones of #561bd3

Color Blindness Simulator