#695472

#695472

Color Values

HEX

#695472

RGB

105, 84, 114

HSL

282.0, 15.2%, 38.8%

HSV

282.0, 26.3%, 44.7%

CMYK

7.9%, 26.3%, 0.0%, 55.3%

OKLCH

0.4784 0.0537 315.6

Properties

Cool Dark Nearest: Eggplant

Color Harmonies

Complementary

#695472

#5D7254

Analogous

#5A5472

#72546C

#695472

Triadic

#695472

#726954

#547269

Split Complementary

#695472

#6C7254

#54725A

Tetradic

#695472

#725A54

#5D7254

#546C72

Color Blindness Simulation

Original

#695472

Protanopia

#60606B

Deuteranopia

#616369

Tritanopia

#686564

Achromatopsia

#5B5B5B

CSS Usage

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

Tailwind Shades

50
#F8F6F8
100
#EEEBEF
200
#DDD6E1
300
#C6B8CB
400
#A692AF
500
#876C93
600
#6C5676
700
#57455E
800
#443649
900
#332A37
950
#201A23

Contrast Checker

Text on white

6.75:1

AA Pass AAA Fail

Text on black

3.11:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026