#706AEF

#706AEF

Color Values

HEX

#706AEF

RGB

112, 106, 239

HSL

242.7, 80.6%, 67.6%

HSV

242.7, 55.6%, 93.7%

CMYK

53.1%, 55.6%, 0.0%, 6.3%

OKLCH

0.6 0.194 280.8

Properties

Cool Light Nearest: mediumslateblue

Color Harmonies

Complementary

#706AEF

#E9EF6A

Analogous

#6AA6EF

#B26AEF

#706AEF

Triadic

#706AEF

#EF706A

#6AEF70

Split Complementary

#706AEF

#EFB26A

#A6EF6A

Tetradic

#706AEF

#EF6AA6

#E9EF6A

#6AEFB2

Color Blindness Simulation

Original

#706AEF

Protanopia

#6D6DCF

Deuteranopia

#6E6EC7

Tritanopia

#70B5B0

Achromatopsia

#757575

CSS Usage

background-color: #706AEF;
color: #706AEF;
border-color: #706AEF;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F3F2FD
100
#E2E1F9
200
#C1BFF8
300
#9590F3
400
#5B55ED
500
#2219E6
600
#1B14B8
700
#161093
800
#110C73
900
#100D54
950
#0A0835

Contrast Checker

Text on white

4.2:1

AA Fail AAA Fail

Text on black

5.0:1

AA Pass AAA Fail

Related Articles

Brand Stories

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

ก.พ. 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026