#564ACB

#564ACB

Color Values

HEX

#564ACB

RGB

86, 74, 203

HSL

245.6, 55.4%, 54.3%

HSV

245.6, 63.5%, 79.6%

CMYK

57.6%, 63.5%, 0.0%, 20.4%

OKLCH

0.499 0.192 281.1

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#564ACB

#BFCB4A

Analogous

#4A7ECB

#974ACB

#564ACB

Triadic

#564ACB

#CB564A

#4ACB56

Split Complementary

#564ACB

#CB974A

#7ECB4A

Tetradic

#564ACB

#CB4A7E

#BFCB4A

#4ACB97

Color Blindness Simulation

Original

#564ACB

Protanopia

#5151AC

Deuteranopia

#5252A4

Tritanopia

#55938E

Achromatopsia

#565656

CSS Usage

background-color: #564ACB;
color: #564ACB;
border-color: #564ACB;
Nearest Tailwind: Blue 700 #1D4ED8

Tailwind Shades

50
#F4F4FB
100
#E6E5F6
200
#CBC8EF
300
#A6A0E4
400
#766CD5
500
#4639C6
600
#382D9F
700
#2D247F
800
#231C63
900
#1D1849
950
#120F2E

Contrast Checker

Text on white

6.49:1

AA Pass AAA Fail

Text on black

3.24:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026