#706696

#706696

Color Values

HEX

#706696

RGB

112, 102, 150

HSL

252.5, 19.0%, 49.4%

HSV

252.5, 32.0%, 58.8%

CMYK

25.3%, 32.0%, 0.0%, 41.2%

OKLCH

0.5388 0.0747 293.3

Properties

Cool Dark Nearest: RAL 4011 Pearl Violet

Color Harmonies

Complementary

#706696

#8C9666

Analogous

#667496

#886696

#706696

Triadic

#706696

#967066

#669670

Split Complementary

#706696

#968866

#749666

Tetradic

#706696

#966674

#8C9666

#669688

Color Blindness Simulation

Original

#706696

Protanopia

#6C6C8A

Deuteranopia

#6C6D88

Tritanopia

#6F817F

Achromatopsia

#6C6C6C

CSS Usage

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

Tailwind Shades

50
#F7F6F9
100
#EBEAF0
200
#D7D5E2
300
#BBB6CD
400
#968FB3
500
#716798
600
#5B5379
700
#494261
800
#39344C
900
#2C2839
950
#1C1924

Contrast Checker

Text on white

5.21:1

AA Pass AAA Fail

Text on black

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