#706289

#706289

Color Values

HEX

#706289

RGB

112, 98, 137

HSL

261.5, 16.6%, 46.1%

HSV

261.5, 28.5%, 53.7%

CMYK

18.2%, 28.5%, 0.0%, 46.3%

OKLCH

0.5245 0.0624 300.7

Properties

Cool Dark Nearest: RAL 4011 Pearl Violet

Color Harmonies

Complementary

#706289

#7B8962

Analogous

#626889

#846289

#706289

Triadic

#706289

#897062

#628970

Split Complementary

#706289

#898462

#688962

Tetradic

#706289

#896268

#7B8962

#628984

Color Blindness Simulation

Original

#706289

Protanopia

#6A6A80

Deuteranopia

#6B6C7D

Tritanopia

#6F7876

Achromatopsia

#686868

CSS Usage

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

Tailwind Shades

50
#F7F6F8
100
#ECEBF0
200
#DAD5E1
300
#BFB8CC
400
#9C91B0
500
#7A6A95
600
#615577
700
#4E445F
800
#3D354A
900
#2E2938
950
#1D1A23

Contrast Checker

Text on white

5.53:1

AA Pass AAA Fail

Text on black

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