#625669

#625669

Color Values

HEX

#625669

RGB

98, 86, 105

HSL

277.9, 9.9%, 37.5%

HSV

277.9, 18.1%, 41.2%

CMYK

6.7%, 18.1%, 0.0%, 58.8%

OKLCH

0.4717 0.0336 313.1

Properties

Cool Dark Nearest: Eggplant

Color Harmonies

Complementary

#625669

#5D6956

Analogous

#595669

#695667

#625669

Triadic

#625669

#696256

#566962

Split Complementary

#625669

#676956

#566959

Tetradic

#625669

#695956

#5D6956

#566769

Color Blindness Simulation

Original

#625669

Protanopia

#5D5D64

Deuteranopia

#5E5E63

Tritanopia

#616160

Achromatopsia

#5A5A5A

CSS Usage

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

Tailwind Shades

50
#F8F7F8
100
#EEECEF
200
#DCD8DF
300
#C3BCC8
400
#A397AA
500
#83738C
600
#695C70
700
#544A5A
800
#413946
900
#322C35
950
#1F1C21

Contrast Checker

Text on white

6.88:1

AA Pass AAA Fail

Text on black

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