#706FC9

#706FC9

Color Values

HEX

#706FC9

RGB

112, 111, 201

HSL

240.7, 45.5%, 61.2%

HSV

240.7, 44.8%, 78.8%

CMYK

44.3%, 44.8%, 0.0%, 21.2%

OKLCH

0.5844 0.1354 281.9

Properties

Cool Light Nearest: Blue Violet

Color Harmonies

Complementary

#706FC9

#C8C96F

Analogous

#6F9BC9

#9D6FC9

#706FC9

Triadic

#706FC9

#C9706F

#6FC970

Split Complementary

#706FC9

#C99D6F

#9BC96F

Tetradic

#706FC9

#C96F9B

#C8C96F

#6FC99D

Color Blindness Simulation

Original

#706FC9

Protanopia

#7070B3

Deuteranopia

#7070AE

Tritanopia

#70A29E

Achromatopsia

#767676

CSS Usage

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

Tailwind Shades

50
#F4F4FA
100
#E6E6F4
200
#CBCBEC
300
#A7A6DE
400
#7776CC
500
#4745BA
600
#393894
700
#2D2C77
800
#23235D
900
#1D1D44
950
#12122B

Contrast Checker

Text on white

4.37:1

AA Fail AAA Fail

Text on black

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