#706BD3

#706BD3

Color Values

HEX

#706BD3

RGB

112, 107, 211

HSL

242.9, 54.2%, 62.4%

HSV

242.9, 49.3%, 82.7%

CMYK

46.9%, 49.3%, 0.0%, 17.3%

OKLCH

0.583 0.1551 282.6

Properties

Cool Light Nearest: mediumpurple 3

Color Harmonies

Complementary

#706BD3

#CED36B

Analogous

#6B9AD3

#A46BD3

#706BD3

Triadic

#706BD3

#D3706B

#6BD370

Split Complementary

#706BD3

#D3A46B

#9AD36B

Tetradic

#706BD3

#D36B9A

#CED36B

#6BD3A4

Color Blindness Simulation

Original

#706BD3

Protanopia

#6E6EBA

Deuteranopia

#6E6EB4

Tritanopia

#70A6A2

Achromatopsia

#747474

CSS Usage

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

Tailwind Shades

50
#F4F4FB
100
#E6E5F5
200
#CAC8EF
300
#A4A1E3
400
#726ED4
500
#413AC5
600
#342F9D
700
#2A257E
800
#211D62
900
#1B1948
950
#11102E

Contrast Checker

Text on white

4.44:1

AA Fail AAA Fail

Text on black

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