#695675

#695675

Color Values

HEX

#695675

RGB

105, 86, 117

HSL

276.8, 15.3%, 39.8%

HSV

276.8, 26.5%, 45.9%

CMYK

10.3%, 26.5%, 0.0%, 54.1%

OKLCH

0.4838 0.0538 312.1

Properties

Cool Dark Nearest: Eggplant

Color Harmonies

Complementary

#695675

#627556

Analogous

#595675

#755671

#695675

Triadic

#695675

#756956

#567569

Split Complementary

#695675

#717556

#567559

Tetradic

#695675

#755956

#627556

#567175

Color Blindness Simulation

Original

#695675

Protanopia

#61616E

Deuteranopia

#62636C

Tritanopia

#686866

Achromatopsia

#5C5C5C

CSS Usage

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

Tailwind Shades

50
#F8F6F8
100
#EEEBEF
200
#DDD6E1
300
#C4B8CB
400
#A492AF
500
#846C93
600
#6A5676
700
#54455E
800
#42364A
900
#322A37
950
#201A23

Contrast Checker

Text on white

6.59:1

AA Pass AAA Fail

Text on black

3.19:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026