#706CD9

#706CD9

Color Values

HEX

#706CD9

RGB

112, 108, 217

HSL

242,2, 58,9%, 63,7%

HSV

242,2, 50,2%, 85,1%

CMYK

48,4%, 50,2%, 0,0%, 14,9%

OKLCH

0,5887 0,1619 281,9

Properties

Cool Light Nearest: slateblue

Color Harmonies

Complementary

#706CD9

#D5D96C

Analogous

#6C9ED9

#A66CD9

#706CD9

Triadic

#706CD9

#D9706C

#6CD970

Split Complementary

#706CD9

#D9A66C

#9ED96C

Tetradic

#706CD9

#D96C9E

#D5D96C

#6CD9A6

Color Blindness Simulation

Original

#706CD9

Protanopia

#6E6EBF

Deuteranopia

#6E6FB8

Tritanopia

#70AAA5

Achromatopsia

#757575

CSS Usage

background-color: #706CD9;
color: #706CD9;
border-color: #706CD9;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F4F4FB
100
#E5E4F6
200
#C8C6F0
300
#A09EE6
400
#6D69D8
500
#3A34CB
600
#2E2AA2
700
#252282
800
#1D1A65
900
#19174A
950
#100E2F

Contrast Checker

Text on white

4,34:1

AA Fail AAA Fail

Text on black

4,84:1

AA Pass 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