#706CF1

#706CF1

Color Values

HEX

#706CF1

RGB

112, 108, 241

HSL

241.8, 82.6%, 68.4%

HSV

241.8, 55.2%, 94.5%

CMYK

53.5%, 55.2%, 0.0%, 5.5%

OKLCH

0.6049 0.194 280.2

Properties

Cool Light Nearest: mediumslateblue

Color Harmonies

Complementary

#706CF1

#EDF16C

Analogous

#6CAAF1

#B26CF1

#706CF1

Triadic

#706CF1

#F1706C

#6CF170

Split Complementary

#706CF1

#F1B26C

#AAF16C

Tetradic

#706CF1

#F16CAA

#EDF16C

#6CF1B2

Color Blindness Simulation

Original

#706CF1

Protanopia

#6E6ED1

Deuteranopia

#6E6FC9

Tritanopia

#70B7B2

Achromatopsia

#767676

CSS Usage

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

Tailwind Shades

50
#F2F2FD
100
#E1E1FA
200
#C0BEF9
300
#928FF4
400
#5753EF
500
#1D16E9
600
#1712BA
700
#120E95
800
#0E0B74
900
#0F0C54
950
#090835

Contrast Checker

Text on white

4.11:1

AA Fail AAA Fail

Text on black

5.1:1

AA Pass AAA Fail

Related Articles

Brand Stories

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

2월 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

1월 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1월 21, 2026