#706CEF

#706CEF

Color Values

HEX

#706CEF

RGB

112, 108, 239

HSL

241.8, 80.4%, 68.0%

HSV

241.8, 54.8%, 93.7%

CMYK

53.1%, 54.8%, 0.0%, 6.3%

OKLCH

0.6035 0.1914 280.4

Properties

Cool Light Nearest: mediumslateblue

Color Harmonies

Complementary

#706CEF

#EBEF6C

Analogous

#6CA9EF

#B16CEF

#706CEF

Triadic

#706CEF

#EF706C

#6CEF70

Split Complementary

#706CEF

#EFB16C

#A9EF6C

Tetradic

#706CEF

#EF6CA9

#EBEF6C

#6CEFB1

Color Blindness Simulation

Original

#706CEF

Protanopia

#6E6ECF

Deuteranopia

#6E6FC8

Tritanopia

#70B6B1

Achromatopsia

#767676

CSS Usage

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

Tailwind Shades

50
#F2F2FD
100
#E2E1F9
200
#C0BFF8
300
#9491F3
400
#5955ED
500
#1F19E6
600
#1914B8
700
#141093
800
#100C73
900
#0F0D54
950
#0A0835

Contrast Checker

Text on white

4.13:1

AA Fail AAA Fail

Text on black

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