#696FAA

#696FAA

Color Values

HEX

#696FAA

RGB

105, 111, 170

HSL

234.5, 27.7%, 53.9%

HSV

234.5, 38.2%, 66.7%

CMYK

38.2%, 34.7%, 0.0%, 33.3%

OKLCH

0.5617 0.0914 278.6

Properties

Cool Dark Nearest: RAL 4011 Pearl Violet

Color Harmonies

Complementary

#696FAA

#AAA469

Analogous

#698FAA

#8369AA

#696FAA

Triadic

#696FAA

#AA696F

#6FAA69

Split Complementary

#696FAA

#AA8369

#8FAA69

Tetradic

#696FAA

#AA698F

#AAA469

#69AA83

Color Blindness Simulation

Original

#696FAA

Protanopia

#6C6C9C

Deuteranopia

#6B6B98

Tritanopia

#69908E

Achromatopsia

#727272

CSS Usage

background-color: #696FAA;
color: #696FAA;
border-color: #696FAA;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F6F6F9
100
#E9EAF1
200
#D1D3E5
300
#B1B4D3
400
#878BBB
500
#5C63A3
600
#4A4F82
700
#3B3F68
800
#2E3151
900
#24273D
950
#171826

Contrast Checker

Text on white

4.71:1

AA Pass AAA Fail

Text on black

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