#63455D

#63455D

Color Values

HEX

#63455D

RGB

99, 69, 93

HSL

312.0, 17.9%, 32.9%

HSV

312.0, 30.3%, 38.8%

CMYK

0.0%, 30.3%, 6.1%, 61.2%

OKLCH

0.4322 0.0548 333.8

Properties

Warm Dark Nearest: Eggplant

Color Harmonies

Complementary

#63455D

#45634B

Analogous

#5A4563

#63454E

#63455D

Triadic

#63455D

#5D6345

#455D63

Split Complementary

#63455D

#4E6345

#45635A

Tetradic

#63455D

#635A45

#45634B

#454E63

Color Blindness Simulation

Original

#63455D

Protanopia

#565657

Deuteranopia

#585A56

Tritanopia

#625352

Achromatopsia

#4D4D4D

CSS Usage

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

Tailwind Shades

50
#F9F6F8
100
#F0EAEF
200
#E2D5DF
300
#CDB7C8
400
#B290AB
500
#96698D
600
#785471
700
#60435A
800
#4B3447
900
#382935
950
#241A22

Contrast Checker

Text on white

8.27:1

AA Pass AAA Pass

Text on black

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