#561baf hex color

In a RGB color space, hex #561baf is composed of 33.7% red, 10.6% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 50.9% cyan, 84.6% magenta, 0% yellow and 31.4% black. It has a hue angle of 263.9 degrees, a saturation of 73.3% and a lightness of 39.6%. #561baf color hex could be obtained by blending #ac36ff with #00005f. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 34
- G 11
- B 69
RGB color chart
- C 51
- M 85
- Y 0
- K 31
CMYK color chart

● #561baf color description : Dark violet.

The hexadecimal color #561baf has RGB values of R:86, G:27, B:175 and CMYK values of C:0.51, M:0.85, Y:0, K:0.31. Its decimal value is 5643183.

Hex triplet	561baf	`#561baf`
RGB Decimal	86, 27, 175	`rgb(86,27,175)`
RGB Percent	33.7, 10.6, 68.6	`rgb(33.7%,10.6%,68.6%)`
CMYK	51, 85, 0, 31
HSL	263.9°, 73.3, 39.6	`hsl(263.9,73.3%,39.6%)`
HSV (or HSB)	263.9°, 84.6, 68.6
Web Safe	663399	`#663399`

CIE-LAB	29.05, 56.418, -66.817
XYZ	11.966, 5.857, 41.055
xyY	0.203, 0.099, 5.857
CIE-LCH	29.05, 87.45, 310.177
CIE-LUV	29.05, 6.348, -87.588
Hunter-Lab	24.202, 45.903, -83.636
Binary	01010110, 00011011, 10101111

#561baf
```
#561baf rgb(86,27,175)
```
#74af1b
```
#74af1b rgb(116,175,27)
```

Complementary Color

#1b2aaf
```
#1b2aaf rgb(27,42,175)
```
#561baf
```
#561baf rgb(86,27,175)
```
#a01baf
```
#a01baf rgb(160,27,175)
```

Analogous Color

#2aaf1b
```
#2aaf1b rgb(42,175,27)
```
#561baf
```
#561baf rgb(86,27,175)
```
#afa01b
```
#afa01b rgb(175,160,27)
```

Split Complementary Color

#1baf56
```
#1baf56 rgb(27,175,86)
```
#561baf
```
#561baf rgb(86,27,175)
```
#af561b
```
#af561b rgb(175,86,27)
```

Triadic Color

#1b74af
```
#1b74af rgb(27,116,175)
```
#561baf
```
#561baf rgb(86,27,175)
```
#af561b
```
#af561b rgb(175,86,27)
```
#74af1b
```
#74af1b rgb(116,175,27)
```

Tetradic Color

#35116d
```
#35116d rgb(53,17,109)
```
#401483
```
#401483 rgb(64,20,131)
```
#4b1899
```
#4b1899 rgb(75,24,153)
```
#561baf
```
#561baf rgb(86,27,175)
```
#611ec5
```
#611ec5 rgb(97,30,197)
```
#6c22db
```
#6c22db rgb(108,34,219)
```
#7a36e0
```
#7a36e0 rgb(122,54,224)
```

Monochromatic Color

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

#311baf
```
#311baf rgb(49,27,175)
```
#3d1baf
```
#3d1baf rgb(61,27,175)
```
#4a1baf
```
#4a1baf rgb(74,27,175)
```
#561baf
```
#561baf rgb(86,27,175)
```
#621baf
```
#621baf rgb(98,27,175)
```
#6f1baf
```
#6f1baf rgb(111,27,175)
```
#7b1baf
```
#7b1baf rgb(123,27,175)
```

Similar Colors

Text with hexadecimal color #561baf

This text has a font color of #561baf.

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

#561baf background color

This paragraph has a background color of #561baf.

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

#561baf border color

This element has a border color of #561baf.

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

CSS codes

.text {color:#561baf;}

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

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

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

#020105
```
#020105 rgb(2,1,5)
```
#0b0316
```
#0b0316 rgb(11,3,22)
```
#130627
```
#130627 rgb(19,6,39)
```
#1c0938
```
#1c0938 rgb(28,9,56)
```
#240b49
```
#240b49 rgb(36,11,73)
```
#2c0e5a
```
#2c0e5a rgb(44,14,90)
```
#35116b
```
#35116b rgb(53,17,107)
```
#3d137c
```
#3d137c rgb(61,19,124)
```
#45168d
```
#45168d rgb(69,22,141)
```
#4e189e
```
#4e189e rgb(78,24,158)
```
#561baf
```
#561baf rgb(86,27,175)
```
#5e1ec0
```
#5e1ec0 rgb(94,30,192)
```
#6720d1
```
#6720d1 rgb(103,32,209)
```

Shade Color Variation

#7027de
```
#7027de rgb(112,39,222)
```
#7b38e0
```
#7b38e0 rgb(123,56,224)
```
#8649e3
```
#8649e3 rgb(134,73,227)
```
#925ae6
```
#925ae6 rgb(146,90,230)
```
#9d6be8
```
#9d6be8 rgb(157,107,232)
```
#a87ceb
```
#a87ceb rgb(168,124,235)
```
#b48ded
```
#b48ded rgb(180,141,237)
```
#bf9ef0
```
#bf9ef0 rgb(191,158,240)
```
#caaff3
```
#caaff3 rgb(202,175,243)
```
#d5c0f5
```
#d5c0f5 rgb(213,192,245)
```
#e1d1f8
```
#e1d1f8 rgb(225,209,248)
```
#ece2fb
```
#ece2fb rgb(236,226,251)
```
#f7f3fd
```
#f7f3fd rgb(247,243,253)
```

Tint Color Variation

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

#646169
```
#646169 rgb(100,97,105)
```
#635971
```
#635971 rgb(99,89,113)
```
#615179
```
#615179 rgb(97,81,121)
```
#5f4a80
```
#5f4a80 rgb(95,74,128)
```
#5e4288
```
#5e4288 rgb(94,66,136)
```
#5c3a90
```
#5c3a90 rgb(92,58,144)
```
#5b3298
```
#5b3298 rgb(91,50,152)
```
#592b9f
```
#592b9f rgb(89,43,159)
```
#5823a7
```
#5823a7 rgb(88,35,167)
```
#561baf
```
#561baf rgb(86,27,175)
```
#5413b7
```
#5413b7 rgb(84,19,183)
```
#530bbf
```
#530bbf rgb(83,11,191)
```
#5104c6
```
#5104c6 rgb(81,4,198)
```

Tone Color Variation

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

#3e3e3e Achromatopsia 0.005% of the population
#433755 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004b93 Protanopia 1% of men
#005080 Deuteranopia 1% of men
#3c5157 Tritanopia 0.001% of the population

Trichromacy

#1f3a9d Protanomaly 1% of men, 0.01% of women
#1f3c91 Deuteranomaly 6% of men, 0.4% of women
#453d77 Tritanomaly 0.01% of the population

#561baf hex color

#561baf Color Information

#561baf Color Conversion

Color Schemes with #561baf

Alternatives to #561baf

#561baf Preview

Shades and Tints of #561baf

Tones of #561baf

Color Blindness Simulator