#706FBB

#706FBB

Color Values

HEX

#706FBB

RGB

112, 111, 187

HSL

240.8, 35.8%, 58.4%

HSV

240.8, 40.6%, 73.3%

CMYK

40.1%, 40.6%, 0.0%, 26.7%

OKLCH

0.5763 0.1153 282.8

Properties

Cool Light Nearest: Indigo

Color Harmonies

Complementary

#706FBB

#BABB6F

Analogous

#6F94BB

#966FBB

#706FBB

Triadic

#706FBB

#BB706F

#6FBB70

Split Complementary

#706FBB

#BB966F

#94BB6F

Tetradic

#706FBB

#BB6F94

#BABB6F

#6FBB96

Color Blindness Simulation

Original

#706FBB

Protanopia

#7070A9

Deuteranopia

#7070A4

Tritanopia

#709A97

Achromatopsia

#757575

CSS Usage

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

Tailwind Shades

50
#F5F5FA
100
#E8E8F3
200
#CFCFE8
300
#ACACD8
400
#807FC2
500
#5352AD
600
#42418B
700
#35346F
800
#2A2957
900
#212140
950
#151528

Contrast Checker

Text on white

4.49:1

AA Fail AAA Fail

Text on black

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