#695486

#695486

Color Values

HEX

#695486

RGB

105, 84, 134

HSL

265.2, 22.9%, 42.7%

HSV

265.2, 37.3%, 52.5%

CMYK

21.6%, 37.3%, 0.0%, 47.5%

OKLCH

0.4878 0.0816 302.8

Properties

Cool Dark Nearest: RAL 4005 Blue Lilac

Color Harmonies

Complementary

#695486

#718654

Analogous

#545886

#825486

#695486

Triadic

#695486

#866954

#548669

Split Complementary

#695486

#868254

#588654

Tetradic

#695486

#865458

#718654

#548682

Color Blindness Simulation

Original

#695486

Protanopia

#60607A

Deuteranopia

#616377

Tritanopia

#68706E

Achromatopsia

#5C5C5C

CSS Usage

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

Tailwind Shades

50
#F7F6F9
100
#EDEAF1
200
#DAD3E3
300
#C0B4D0
400
#9D8BB6
500
#7B629D
600
#624F7D
700
#4F3F64
800
#3D314E
900
#2F263A
950
#1E1825

Contrast Checker

Text on white

6.54:1

AA Pass AAA Fail

Text on black

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