#564485 hex color

In a RGB color space, hex #564485 is composed of 33.7% red, 26.7% green and 52.2% blue. Whereas in a CMYK color space, it is composed of 35.3% cyan, 48.9% magenta, 0% yellow and 47.8% black. It has a hue angle of 256.6 degrees, a saturation of 32.3% and a lightness of 39.4%. #564485 color hex could be obtained by blending #ac88ff with #00000b. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 34
- G 27
- B 52
RGB color chart
- C 35
- M 49
- Y 0
- K 48
CMYK color chart

● #564485 color description : Dark moderate violet.

The hexadecimal color #564485 has RGB values of R:86, G:68, B:133 and CMYK values of C:0.35, M:0.49, Y:0, K:0.48. Its decimal value is 5653637.

Hex triplet	564485	`#564485`
RGB Decimal	86, 68, 133	`rgb(86,68,133)`
RGB Percent	33.7, 26.7, 52.2	`rgb(33.7%,26.7%,52.2%)`
CMYK	35, 49, 0, 48
HSL	256.6°, 32.3, 39.4	`hsl(256.6,32.3%,39.4%)`
HSV (or HSB)	256.6°, 48.9, 52.2
Web Safe	663399	`#663399`

CIE-LAB	33.576, 23.433, -33.914
XYZ	10.138, 7.806, 23.162
xyY	0.247, 0.19, 7.806
CIE-LCH	33.576, 41.223, 304.643
CIE-LUV	33.576, 3.624, -48.535
Hunter-Lab	27.939, 15.875, -29.594
Binary	01010110, 01000100, 10000101

#564485
```
#564485 rgb(86,68,133)
```
#738544
```
#738544 rgb(115,133,68)
```

Complementary Color

#445385
```
#445385 rgb(68,83,133)
```
#564485
```
#564485 rgb(86,68,133)
```
#774485
```
#774485 rgb(119,68,133)
```

Analogous Color

#538544
```
#538544 rgb(83,133,68)
```
#564485
```
#564485 rgb(86,68,133)
```
#857744
```
#857744 rgb(133,119,68)
```

Split Complementary Color

#448556
```
#448556 rgb(68,133,86)
```
#564485
```
#564485 rgb(86,68,133)
```
#855644
```
#855644 rgb(133,86,68)
```

Triadic Color

#447385
```
#447385 rgb(68,115,133)
```
#564485
```
#564485 rgb(86,68,133)
```
#855644
```
#855644 rgb(133,86,68)
```
#738544
```
#738544 rgb(115,133,68)
```

Tetradic Color

#352a52
```
#352a52 rgb(53,42,82)
```
#403363
```
#403363 rgb(64,51,99)
```
#4b3b74
```
#4b3b74 rgb(75,59,116)
```
#564485
```
#564485 rgb(86,68,133)
```
#614d96
```
#614d96 rgb(97,77,150)
```
#6c55a7
```
#6c55a7 rgb(108,85,167)
```
#7a65b0
```
#7a65b0 rgb(122,101,176)
```

Monochromatic Color

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

#464485
```
#464485 rgb(70,68,133)
```
#4b4485
```
#4b4485 rgb(75,68,133)
```
#514485
```
#514485 rgb(81,68,133)
```
#564485
```
#564485 rgb(86,68,133)
```
#5b4485
```
#5b4485 rgb(91,68,133)
```
#614485
```
#614485 rgb(97,68,133)
```
#664485
```
#664485 rgb(102,68,133)
```

Similar Colors

Text with hexadecimal color #564485

This text has a font color of #564485.

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

#564485 background color

This paragraph has a background color of #564485.

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

#564485 border color

This element has a border color of #564485.

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

CSS codes

.text {color:#564485;}

.background {background-color:#564485;}

.border {border:1px solid #564485;}

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

#020203
```
#020203 rgb(2,2,3)
```
#0a0810
```
#0a0810 rgb(10,8,16)
```
#130f1d
```
#130f1d rgb(19,15,29)
```
#1b162a
```
#1b162a rgb(27,22,42)
```
#241c37
```
#241c37 rgb(36,28,55)
```
#2c2344
```
#2c2344 rgb(44,35,68)
```
#342951
```
#342951 rgb(52,41,81)
```
#3d305e
```
#3d305e rgb(61,48,94)
```
#45376b
```
#45376b rgb(69,55,107)
```
#4e3d78
```
#4e3d78 rgb(78,61,120)
```
#564485
```
#564485 rgb(86,68,133)
```
#5e4b92
```
#5e4b92 rgb(94,75,146)
```
#67519f
```
#67519f rgb(103,81,159)
```

Shade Color Variation

#7059aa
```
#7059aa rgb(112,89,170)
```
#7b66b1
```
#7b66b1 rgb(123,102,177)
```
#8673b8
```
#8673b8 rgb(134,115,184)
```
#9280be
```
#9280be rgb(146,128,190)
```
#9d8dc5
```
#9d8dc5 rgb(157,141,197)
```
#a89acc
```
#a89acc rgb(168,154,204)
```
#b3a7d2
```
#b3a7d2 rgb(179,167,210)
```
#beb4d9
```
#beb4d9 rgb(190,180,217)
```
#cac1df
```
#cac1df rgb(202,193,223)
```
#d5cee6
```
#d5cee6 rgb(213,206,230)
```
#e0dbed
```
#e0dbed rgb(224,219,237)
```
#ebe8f3
```
#ebe8f3 rgb(235,232,243)
```
#f7f5fa
```
#f7f5fa rgb(247,245,250)
```

Tint Color Variation

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

#646366
```
#646366 rgb(100,99,102)
```
#605b6e
```
#605b6e rgb(96,91,110)
```
#5d5376
```
#5d5376 rgb(93,83,118)
```
#594c7d
```
#594c7d rgb(89,76,125)
```
#564485
```
#564485 rgb(86,68,133)
```
#533c8d
```
#533c8d rgb(83,60,141)
```
#4f3594
```
#4f3594 rgb(79,53,148)
```
#4c2d9c
```
#4c2d9c rgb(76,45,156)
```
#4825a4
```
#4825a4 rgb(72,37,164)
```
#451dac
```
#451dac rgb(69,29,172)
```
#4116b3
```
#4116b3 rgb(65,22,179)
```
#3e0ebb
```
#3e0ebb rgb(62,14,187)
```
#3a06c3
```
#3a06c3 rgb(58,6,195)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#524e5b Atypical Achromatopsia 0.001% of the population

Dichromacy

#3a5692 Protanopia 1% of men
#395887 Deuteranopia 1% of men
#53585f Tritanopia 0.001% of the population

Trichromacy

#444f8d Protanomaly 1% of men, 0.01% of women
#445086 Deuteranomaly 6% of men, 0.4% of women
#54516c Tritanomaly 0.01% of the population

#564485 hex color

#564485 Color Information

#564485 Color Conversion

Color Schemes with #564485

Alternatives to #564485

#564485 Preview

Shades and Tints of #564485

Tones of #564485

Color Blindness Simulator