#63565D

#63565D

Color Values

HEX

#63565D

RGB

99, 86, 93

HSL

327.7, 7.0%, 36.3%

HSV

327.7, 13.1%, 38.8%

CMYK

0.0%, 13.1%, 6.1%, 61.2%

OKLCH

0.4682 0.0201 344.2

Properties

Warm Dark Nearest: NCS S 7000-N Dark Grey

Color Harmonies

Complementary

#63565D

#56635C

Analogous

#635663

#635657

#63565D

Triadic

#63565D

#5D6356

#565D63

Split Complementary

#63565D

#576356

#566363

Tetradic

#63565D

#636356

#56635C

#565763

Color Blindness Simulation

Original

#63565D

Protanopia

#5D5D5B

Deuteranopia

#5E5F5B

Tritanopia

#625A5A

Achromatopsia

#595959

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EEECED
200
#DED9DB
300
#C6BEC2
400
#A79AA1
500
#887780
600
#6D5F67
700
#574C52
800
#443B40
900
#342D31
950
#211D1F

Contrast Checker

Text on white

6.95:1

AA Pass AAA Fail

Text on black

3.02: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