#706AEB

#706AEB

Color Values

HEX

#706AEB

RGB

112, 106, 235

HSL

242.8, 76.3%, 66.9%

HSV

242.8, 54.9%, 92.2%

CMYK

52.3%, 54.9%, 0.0%, 7.8%

OKLCH

0.5972 0.1887 281.1

Properties

Cool Light Nearest: mediumslateblue

Color Harmonies

Complementary

#706AEB

#E5EB6A

Analogous

#6AA5EB

#B16AEB

#706AEB

Triadic

#706AEB

#EB706A

#6AEB70

Split Complementary

#706AEB

#EBB16A

#A5EB6A

Tetradic

#706AEB

#EB6AA5

#E5EB6A

#6AEBB1

Color Blindness Simulation

Original

#706AEB

Protanopia

#6D6DCC

Deuteranopia

#6E6EC4

Tritanopia

#70B3AE

Achromatopsia

#757575

CSS Usage

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

Tailwind Shades

50
#F3F2FC
100
#E3E2F9
200
#C3C0F7
300
#9793F0
400
#5F59E9
500
#271EE1
600
#1F18B4
700
#191390
800
#140F70
900
#120F52
950
#0C0A34

Contrast Checker

Text on white

4.24:1

AA Fail AAA Fail

Text on black

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