#696C96

#696C96

Color Values

HEX

#696C96

RGB

105, 108, 150

HSL

236.0, 17.6%, 50.0%

HSV

236.0, 30.0%, 58.8%

CMYK

30.0%, 28.0%, 0.0%, 41.2%

OKLCH

0.5454 0.0654 280.8

Properties

Cool Dark Nearest: RAL 5014 Pigeon Blue

Color Harmonies

Complementary

#696C96

#969369

Analogous

#698296

#7D6996

#696C96

Triadic

#696C96

#96696C

#6C9669

Split Complementary

#696C96

#967D69

#829669

Tetradic

#696C96

#966982

#969369

#69967D

Color Blindness Simulation

Original

#696C96

Protanopia

#6A6A8C

Deuteranopia

#6A6A89

Tritanopia

#698482

Achromatopsia

#6E6E6E

CSS Usage

background-color: #696C96;
color: #696C96;
border-color: #696C96;
Nearest Tailwind: Slate 500 #64748B

Tailwind Shades

50
#F6F6F8
100
#EAEBF0
200
#D5D6E2
300
#B7B8CD
400
#9092B1
500
#696C96
600
#545678
700
#434560
800
#35364B
900
#292A38
950
#1A1A23

Contrast Checker

Text on white

5.02:1

AA Pass AAA Fail

Text on black

4.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