#706EEB

#706EEB

Color Values

HEX

#706EEB

RGB

112, 110, 235

HSL

241.0, 75.8%, 67.6%

HSV

241.0, 53.2%, 92.2%

CMYK

52.3%, 53.2%, 0.0%, 7.8%

OKLCH

0.6043 0.1835 280.1

Properties

Cool Light Nearest: mediumslateblue

Color Harmonies

Complementary

#706EEB

#E9EB6E

Analogous

#6EAAEB

#AE6EEB

#706EEB

Triadic

#706EEB

#EB706E

#6EEB70

Split Complementary

#706EEB

#EBAE6E

#AAEB6E

Tetradic

#706EEB

#EB6EAA

#E9EB6E

#6EEBAE

Color Blindness Simulation

Original

#706EEB

Protanopia

#6F6FCD

Deuteranopia

#6F6FC6

Tritanopia

#70B5B0

Achromatopsia

#777777

CSS Usage

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

Tailwind Shades

50
#F3F2FC
100
#E2E2F9
200
#C1C0F6
300
#9593F0
400
#5C59E8
500
#221FE0
600
#1B19B3
700
#16148F
800
#110F70
900
#100F52
950
#0A0A33

Contrast Checker

Text on white

4.1:1

AA Fail AAA Fail

Text on black

5.12:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026