#706AD7

#706AD7

Color Values

HEX

#706AD7

RGB

112, 106, 215

HSL

243.3, 57.7%, 62.9%

HSV

243.3, 50.7%, 84.3%

CMYK

47.9%, 50.7%, 0.0%, 15.7%

OKLCH

0.5837 0.1619 282.6

Properties

Cool Light Nearest: slateblue

Color Harmonies

Complementary

#706AD7

#D1D76A

Analogous

#6A9AD7

#A66AD7

#706AD7

Triadic

#706AD7

#D7706A

#6AD770

Split Complementary

#706AD7

#D7A66A

#9AD76A

Tetradic

#706AD7

#D76A9A

#D1D76A

#6AD7A6

Color Blindness Simulation

Original

#706AD7

Protanopia

#6D6DBD

Deuteranopia

#6E6EB6

Tritanopia

#70A8A3

Achromatopsia

#737373

CSS Usage

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

Tailwind Shades

50
#F4F4FB
100
#E5E4F6
200
#C9C7F0
300
#A29EE5
400
#706AD7
500
#3E36C9
600
#322BA1
700
#282381
800
#1F1B65
900
#1A174A
950
#100F2E

Contrast Checker

Text on white

4.44:1

AA Fail AAA Fail

Text on black

4.73:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026