#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

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026