#635569

#635569

Color Values

HEX

#635569

RGB

99, 85, 105

HSL

282.0, 10.5%, 37.3%

HSV

282.0, 19.0%, 41.2%

CMYK

5.7%, 19.0%, 0.0%, 58.8%

OKLCH

0.4706 0.0361 315.7

Properties

Cool Dark Nearest: Eggplant

Color Harmonies

Complementary

#635569

#5B6955

Analogous

#595569

#695565

#635569

Triadic

#635569

#696355

#556963

Split Complementary

#635569

#656955

#556959

Tetradic

#635569

#695955

#5B6955

#556569

Color Blindness Simulation

Original

#635569

Protanopia

#5D5D64

Deuteranopia

#5E5F63

Tritanopia

#626060

Achromatopsia

#595959

CSS Usage

background-color: #635569;
color: #635569;
border-color: #635569;
Nearest Tailwind: Zinc 600 #52525B

Tailwind Shades

50
#F8F7F8
100
#EEECEF
200
#DDD8DF
300
#C4BBC8
400
#A597AB
500
#85728D
600
#6A5B71
700
#55495A
800
#423946
900
#322C35
950
#201C21

Contrast Checker

Text on white

6.92:1

AA Pass AAA Fail

Text on black

3.03:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026