#706488

#706488

Color Values

HEX

#706488

RGB

112, 100, 136

HSL

260.0, 15.3%, 46.3%

HSV

260.0, 26.5%, 53.3%

CMYK

17.6%, 26.5%, 0.0%, 46.7%

OKLCH

0.5282 0.0573 299.7

Properties

Cool Dark Nearest: RAL 4011 Pearl Violet

Color Harmonies

Complementary

#706488

#7C8864

Analogous

#646A88

#826488

#706488

Triadic

#706488

#887064

#648870

Split Complementary

#706488

#888264

#6A8864

Tetradic

#706488

#88646A

#7C8864

#648882

Color Blindness Simulation

Original

#706488

Protanopia

#6B6B7F

Deuteranopia

#6C6C7D

Tritanopia

#6F7877

Achromatopsia

#696969

CSS Usage

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

Tailwind Shades

50
#F7F6F8
100
#ECEBEF
200
#D9D6E1
300
#BFB8CB
400
#9C92AF
500
#796C93
600
#615676
700
#4D455E
800
#3C364A
900
#2E2A37
950
#1D1A23

Contrast Checker

Text on white

5.43:1

AA Pass AAA Fail

Text on black

3.87:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026