#695873

#695873

Color Values

HEX

#695873

RGB

105, 88, 115

HSL

277.8, 13.3%, 39.8%

HSV

277.8, 23.5%, 45.1%

CMYK

8.7%, 23.5%, 0.0%, 54.9%

OKLCH

0.4872 0.0472 312.9

Properties

Cool Dark Nearest: Eggplant

Color Harmonies

Complementary

#695873

#627358

Analogous

#5C5873

#73586F

#695873

Triadic

#695873

#736958

#587369

Split Complementary

#695873

#6F7358

#58735C

Tetradic

#695873

#735C58

#627358

#586F73

Color Blindness Simulation

Original

#695873

Protanopia

#62616C

Deuteranopia

#63646B

Tritanopia

#686766

Achromatopsia

#5E5E5E

CSS Usage

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

Tailwind Shades

50
#F8F6F8
100
#EEEBEF
200
#DDD7E0
300
#C4BACA
400
#A494AD
500
#846F90
600
#6A5874
700
#54475C
800
#423748
900
#322B36
950
#201B22

Contrast Checker

Text on white

6.47:1

AA Pass AAA Fail

Text on black

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