#695676

#695676

Color Values

HEX

#695676

RGB

105, 86, 118

HSL

275.6, 15.7%, 40.0%

HSV

275.6, 27.1%, 46.3%

CMYK

11.0%, 27.1%, 0.0%, 53.7%

OKLCH

0.4843 0.0552 311.2

Properties

Cool Dark Nearest: plum 4

Color Harmonies

Complementary

#695676

#637656

Analogous

#595676

#765673

#695676

Triadic

#695676

#766956

#567669

Split Complementary

#695676

#737656

#567659

Tetradic

#695676

#765956

#637656

#567376

Color Blindness Simulation

Original

#695676

Protanopia

#61616E

Deuteranopia

#62636C

Tritanopia

#686867

Achromatopsia

#5C5C5C

CSS Usage

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

Tailwind Shades

50
#F8F6F8
100
#EEEBF0
200
#DCD6E1
300
#C4B8CB
400
#A392AF
500
#836B94
600
#695676
700
#54455E
800
#42364A
900
#322A37
950
#1F1A23

Contrast Checker

Text on white

6.58:1

AA Pass AAA Fail

Text on black

3.19:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026