#635676

#635676

Color Values

HEX

#635676

RGB

99, 86, 118

HSL

264.4, 15.7%, 40.0%

HSV

264.4, 27.1%, 46.3%

CMYK

16.1%, 27.1%, 0.0%, 53.7%

OKLCH

0.4782 0.0529 303.0

Properties

Cool Dark Nearest: Eggplant

Color Harmonies

Complementary

#635676

#697656

Analogous

#565976

#735676

#635676

Triadic

#635676

#766356

#567663

Split Complementary

#635676

#767356

#597656

Tetradic

#635676

#765659

#697656

#567673

Color Blindness Simulation

Original

#635676

Protanopia

#5D5D6E

Deuteranopia

#5E5F6C

Tritanopia

#626867

Achromatopsia

#5B5B5B

CSS Usage

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

Tailwind Shades

50
#F7F6F8
100
#EDEBF0
200
#DAD6E1
300
#C0B8CB
400
#9E92AF
500
#7C6B94
600
#635676
700
#4F455E
800
#3E364A
900
#2F2A37
950
#1E1A23

Contrast Checker

Text on white

6.72:1

AA Pass AAA Fail

Text on black

3.12:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026