#561bff Color Information
In a RGB color space, hex #561bff is composed of 33.7% red, 10.6% green and 100% blue. Whereas in a CMYK color space, it is composed of 66.3% cyan, 89.4% magenta, 0% yellow and 0% black. It has a hue angle of 255.5 degrees, a saturation of 100% and a lightness of 55.3%. #561bff color hex could be obtained by blending #ac36ff with #0000ff. Closest websafe color is: #6633ff.
-
- R 34
- G 11
- B 100
-
- C 66
- M 89
- Y 0
- K 0
● #561bff color description : Vivid violet.
#561bff Color Conversion
The hexadecimal color #561bff has RGB values of R:86, G:27, B:255 and CMYK values of C:0.66, M:0.89, Y:0, K:0. Its decimal value is 5643263.
Hex triplet | 561bff | #561bff |
---|---|---|
RGB Decimal | 86, 27, 255 | rgb(86,27,255) |
RGB Percent | 33.7, 10.6, 100 | rgb(33.7%,10.6%,100%) |
CMYK | 66, 89, 0, 0 | |
HSL | 255.5°, 100, 55.3 | hsl(255.5,100%,55.3%) |
HSV (or HSB) | 255.5°, 89.4, 100 | |
Web Safe | 6633ff | #6633ff |
CIE-LAB | 37.809, 76.34, -98.574 |
---|---|
XYZ | 22.276, 9.981, 95.355 |
xyY | 0.175, 0.078, 9.981 |
CIE-LCH | 37.809, 124.678, 307.756 |
CIE-LUV | 37.809, -1.628, -133.802 |
Hunter-Lab | 31.593, 70.572, -156.834 |
Binary | 01010110, 00011011, 11111111 |
Color Schemes with #561bff
Alternatives to #561bff
Below, you can see some colors close to #561bff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#561bff Preview
This text has a font color of #561bff.
<span style="color:#561bff;">Text here</span>
This paragraph has a background color of #561bff.
<p style="background-color:#561bff;">Content here</p>
This element has a border color of #561bff.
<div style="border:1px solid #561bff;">Content here</div>
.text {color:#561bff;}
.background {background-color:#561bff;}
.border {border:1px solid #561bff;}
Shades and Tints of #561bff
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, #020007 is the darkest color, while #f6f3ff is the lightest one.
-
#020007
#020007
rgb(2,0,7)
-
#07001b
#07001b
rgb(7,0,27)
-
#0c002f
#0c002f
rgb(12,0,47)
-
#110042
#110042
rgb(17,0,66)
-
#160056
#160056
rgb(22,0,86)
-
#1b0069
#1b0069
rgb(27,0,105)
-
#20007d
#20007d
rgb(32,0,125)
-
#250091
#250091
rgb(37,0,145)
-
#2b00a4
#2b00a4
rgb(43,0,164)
-
#3000b8
#3000b8
rgb(48,0,184)
-
#3500cc
#3500cc
rgb(53,0,204)
-
#3a00df
#3a00df
rgb(58,0,223)
-
#3f00f3
#3f00f3
rgb(63,0,243)
-
#4707ff
#4707ff
rgb(71,7,255)
-
#561bff
#561bff
rgb(86,27,255)
-
#652fff
#652fff
rgb(101,47,255)
-
#7342ff
#7342ff
rgb(115,66,255)
-
#8256ff
#8256ff
rgb(130,86,255)
-
#9069ff
#9069ff
rgb(144,105,255)
-
#9f7dff
#9f7dff
rgb(159,125,255)
-
#ad91ff
#ad91ff
rgb(173,145,255)
-
#bca4ff
#bca4ff
rgb(188,164,255)
-
#cab8ff
#cab8ff
rgb(202,184,255)
-
#d9ccff
#d9ccff
rgb(217,204,255)
-
#e7dfff
#e7dfff
rgb(231,223,255)
-
#f6f3ff
#f6f3ff
rgb(246,243,255)
Tones of #561bff
A tone is produced by adding gray to any pure hue. In this case, #898496 is the less saturated color, while #561bff is the most saturated one.
-
#898496
#898496
rgb(137,132,150)
-
#857b9f
#857b9f
rgb(133,123,159)
-
#8073a7
#8073a7
rgb(128,115,167)
-
#7c6ab0
#7c6ab0
rgb(124,106,176)
-
#7861b9
#7861b9
rgb(120,97,185)
-
#7458c2
#7458c2
rgb(116,88,194)
-
#6f50ca
#6f50ca
rgb(111,80,202)
-
#6b47d3
#6b47d3
rgb(107,71,211)
-
#673edc
#673edc
rgb(103,62,220)
-
#6335e5
#6335e5
rgb(99,53,229)
-
#5e2ded
#5e2ded
rgb(94,45,237)
-
#5a24f6
#5a24f6
rgb(90,36,246)
-
#561bff
#561bff
rgb(86,27,255)
Color Blindness Simulator
Below, you can see how #561bff 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.