#706EE1

#706EE1

Color Values

HEX

#706EE1

RGB

112, 110, 225

HSL

241.0, 65.7%, 65.7%

HSV

241.0, 51.1%, 88.2%

CMYK

50.2%, 51.1%, 0.0%, 11.8%

OKLCH

0.5976 0.1701 280.7

Properties

Cool Light Nearest: slateblue

Color Harmonies

Complementary

#706EE1

#DFE16E

Analogous

#6EA6E1

#A96EE1

#706EE1

Triadic

#706EE1

#E1706E

#6EE170

Split Complementary

#706EE1

#E1A96E

#A6E16E

Tetradic

#706EE1

#E16EA6

#DFE16E

#6EE1A9

Color Blindness Simulation

Original

#706EE1

Protanopia

#6F6FC5

Deuteranopia

#6F6FBE

Tritanopia

#70AFAA

Achromatopsia

#777777

CSS Usage

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

Tailwind Shades

50
#F3F3FC
100
#E4E3F7
200
#C5C4F3
300
#9B9AEA
400
#6563DF
500
#2F2CD3
600
#2523A9
700
#1E1C87
800
#17166A
900
#15144D
950
#0D0D31

Contrast Checker

Text on white

4.19:1

AA Fail AAA Fail

Text on black

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