#564b97 hex color

In a RGB color space, hex #564b97 is composed of 33.7% red, 29.4% green and 59.2% blue. Whereas in a CMYK color space, it is composed of 43% cyan, 50.3% magenta, 0% yellow and 40.8% black. It has a hue angle of 248.7 degrees, a saturation of 33.6% and a lightness of 44.3%. #564b97 color hex could be obtained by blending #ac96ff with #00002f. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 34
- G 29
- B 59
RGB color chart
- C 43
- M 50
- Y 0
- K 41
CMYK color chart

● #564b97 color description : Dark moderate blue.

The hexadecimal color #564b97 has RGB values of R:86, G:75, B:151 and CMYK values of C:0.43, M:0.5, Y:0, K:0.41. Its decimal value is 5655447.

Hex triplet	564b97	`#564b97`
RGB Decimal	86, 75, 151	`rgb(86,75,151)`
RGB Percent	33.7, 29.4, 59.2	`rgb(33.7%,29.4%,59.2%)`
CMYK	43, 50, 0, 41
HSL	248.7°, 33.6, 44.3	`hsl(248.7,33.6%,44.3%)`
HSV (or HSB)	248.7°, 50.3, 59.2
Web Safe	663399	`#663399`

CIE-LAB	36.451, 24.322, -40.33
XYZ	11.939, 9.245, 30.432
xyY	0.231, 0.179, 9.245
CIE-LCH	36.451, 47.096, 301.093
CIE-LUV	36.451, -0.203, -58.944
Hunter-Lab	30.405, 16.88, -38.058
Binary	01010110, 01001011, 10010111

#564b97
```
#564b97 rgb(86,75,151)
```
#8c974b
```
#8c974b rgb(140,151,75)
```

Complementary Color

#4b6697
```
#4b6697 rgb(75,102,151)
```
#564b97
```
#564b97 rgb(86,75,151)
```
#7c4b97
```
#7c4b97 rgb(124,75,151)
```

Analogous Color

#66974b
```
#66974b rgb(102,151,75)
```
#564b97
```
#564b97 rgb(86,75,151)
```
#977c4b
```
#977c4b rgb(151,124,75)
```

Split Complementary Color

#4b9756
```
#4b9756 rgb(75,151,86)
```
#564b97
```
#564b97 rgb(86,75,151)
```
#97564b
```
#97564b rgb(151,86,75)
```

Triadic Color

#4b8c97
```
#4b8c97 rgb(75,140,151)
```
#564b97
```
#564b97 rgb(86,75,151)
```
#97564b
```
#97564b rgb(151,86,75)
```
#8c974b
```
#8c974b rgb(140,151,75)
```

Tetradic Color

#393264
```
#393264 rgb(57,50,100)
```
#433a75
```
#433a75 rgb(67,58,117)
```
#4c4386
```
#4c4386 rgb(76,67,134)
```
#564b97
```
#564b97 rgb(86,75,151)
```
#6053a8
```
#6053a8 rgb(96,83,168)
```
#6f63b2
```
#6f63b2 rgb(111,99,178)
```
#7e74ba
```
#7e74ba rgb(126,116,186)
```

Monochromatic Color

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

#4b5397
```
#4b5397 rgb(75,83,151)
```
#4b4d97
```
#4b4d97 rgb(75,77,151)
```
#504b97
```
#504b97 rgb(80,75,151)
```
#564b97
```
#564b97 rgb(86,75,151)
```
#5c4b97
```
#5c4b97 rgb(92,75,151)
```
#634b97
```
#634b97 rgb(99,75,151)
```
#694b97
```
#694b97 rgb(105,75,151)
```

Similar Colors

Text with hexadecimal color #564b97

This text has a font color of #564b97.

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

#564b97 background color

This paragraph has a background color of #564b97.

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

#564b97 border color

This element has a border color of #564b97.

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

CSS codes

.text {color:#564b97;}

.background {background-color:#564b97;}

.border {border:1px solid #564b97;}

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

#040307
```
#040307 rgb(4,3,7)
```
#0b0a14
```
#0b0a14 rgb(11,10,20)
```
#131021
```
#131021 rgb(19,16,33)
```
#1a172e
```
#1a172e rgb(26,23,46)
```
#221d3b
```
#221d3b rgb(34,29,59)
```
#292448
```
#292448 rgb(41,36,72)
```
#312a55
```
#312a55 rgb(49,42,85)
```
#383163
```
#383163 rgb(56,49,99)
```
#403770
```
#403770 rgb(64,55,112)
```
#473e7d
```
#473e7d rgb(71,62,125)
```
#4f448a
```
#4f448a rgb(79,68,138)
```
#564b97
```
#564b97 rgb(86,75,151)
```
#5d52a4
```
#5d52a4 rgb(93,82,164)
```

Shade Color Variation

#675bae
```
#675bae rgb(103,91,174)
```
#7469b4
```
#7469b4 rgb(116,105,180)
```
#8076bb
```
#8076bb rgb(128,118,187)
```
#8c83c1
```
#8c83c1 rgb(140,131,193)
```
#9890c8
```
#9890c8 rgb(152,144,200)
```
#a49dce
```
#a49dce rgb(164,157,206)
```
#b0aad5
```
#b0aad5 rgb(176,170,213)
```
#bcb7db
```
#bcb7db rgb(188,183,219)
```
#c9c4e2
```
#c9c4e2 rgb(201,196,226)
```
#d5d1e8
```
#d5d1e8 rgb(213,209,232)
```
#e1dfef
```
#e1dfef rgb(225,223,239)
```
#edecf5
```
#edecf5 rgb(237,236,245)
```
#f9f9fc
```
#f9f9fc rgb(249,249,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6f6e74 is the less saturated color, while #2505dd is the most saturated one.

#6f6e74
```
#6f6e74 rgb(111,110,116)
```
#69657d
```
#69657d rgb(105,101,125)
```
#625c86
```
#625c86 rgb(98,92,134)
```
#5c548e
```
#5c548e rgb(92,84,142)
```
#564b97
```
#564b97 rgb(86,75,151)
```
#5042a0
```
#5042a0 rgb(80,66,160)
```
#4a3aa8
```
#4a3aa8 rgb(74,58,168)
```
#4331b1
```
#4331b1 rgb(67,49,177)
```
#3d28ba
```
#3d28ba rgb(61,40,186)
```
#3720c2
```
#3720c2 rgb(55,32,194)
```
#3117cb
```
#3117cb rgb(49,23,203)
```
#2b0ed4
```
#2b0ed4 rgb(43,14,212)
```
#2505dd
```
#2505dd rgb(37,5,221)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#575564 Atypical Achromatopsia 0.001% of the population

Dichromacy

#375ca3 Protanopia 1% of men
#305f98 Deuteranopia 1% of men
#4e6168 Tritanopia 0.001% of the population

Trichromacy

#42559e Protanomaly 1% of men, 0.01% of women
#3e5797 Deuteranomaly 6% of men, 0.4% of women
#515979 Tritanomaly 0.01% of the population

#564b97 hex color

#564b97 Color Information

#564b97 Color Conversion

Color Schemes with #564b97

Alternatives to #564b97

#564b97 Preview

Shades and Tints of #564b97

Tones of #564b97

Color Blindness Simulator