#706B91

#706B91

Color Values

HEX

#706B91

RGB

112, 107, 145

HSL

247.9, 15.1%, 49.4%

HSV

247.9, 26.2%, 56.9%

CMYK

22.8%, 26.2%, 0.0%, 43.1%

OKLCH

0.5469 0.0588 290.3

Properties

Cool Dark Nearest: RAL 4011 Pearl Violet

Color Harmonies

Complementary

#706B91

#8C916B

Analogous

#6B7991

#836B91

#706B91

Triadic

#706B91

#91706B

#6B9170

Split Complementary

#706B91

#91836B

#79916B

Tetradic

#706B91

#916B79

#8C916B

#6B9183

Color Blindness Simulation

Original

#706B91

Protanopia

#6E6E88

Deuteranopia

#6E6E86

Tritanopia

#70817F

Achromatopsia

#6F6F6F

CSS Usage

background-color: #706B91;
color: #706B91;
border-color: #706B91;
Nearest Tailwind: Slate 500 #64748B

Tailwind Shades

50
#F7F6F8
100
#EBEBEF
200
#D7D6E1
300
#BBB9CB
400
#9692AF
500
#716C93
600
#5B5775
700
#49455E
800
#393649
900
#2C2A37
950
#1C1A23

Contrast Checker

Text on white

5.0:1

AA Pass AAA Fail

Text on black

4.2:1

AA Fail 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