#63567B

#63567B

Color Values

HEX

#63567B

RGB

99, 86, 123

HSL

261.1, 17.7%, 41.0%

HSV

261.1, 30.1%, 48.2%

CMYK

19.5%, 30.1%, 0.0%, 51.8%

OKLCH

0.4806 0.0603 300.3

Properties

Cool Dark Nearest: RAL 4005 Blue Lilac

Color Harmonies

Complementary

#63567B

#6E7B56

Analogous

#565C7B

#76567B

#63567B

Triadic

#63567B

#7B6356

#567B63

Split Complementary

#63567B

#7B7656

#5C7B56

Tetradic

#63567B

#7B565C

#6E7B56

#567B76

Color Blindness Simulation

Original

#63567B

Protanopia

#5D5D72

Deuteranopia

#5E5F70

Tritanopia

#626B69

Achromatopsia

#5B5B5B

CSS Usage

background-color: #63567B;
color: #63567B;
border-color: #63567B;
Nearest Tailwind: Slate 600 #475569

Tailwind Shades

50
#F7F6F9
100
#ECEAF0
200
#D9D5E2
300
#BFB7CD
400
#9C90B1
500
#796996
600
#615478
700
#4D4360
800
#3C344B
900
#2E2938
950
#1D1A23

Contrast Checker

Text on white

6.67:1

AA Pass AAA Fail

Text on black

3.15:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026