#70658D

#70658D

Color Values

HEX

#70658D

RGB

112, 101, 141

HSL

256.5, 16.5%, 47.5%

HSV

256.5, 28.4%, 55.3%

CMYK

20.6%, 28.4%, 0.0%, 44.7%

OKLCH

0.5325 0.063 296.8

Properties

Cool Dark Nearest: RAL 4011 Pearl Violet

Color Harmonies

Complementary

#70658D

#828D65

Analogous

#656E8D

#84658D

#70658D

Triadic

#70658D

#8D7065

#658D70

Split Complementary

#70658D

#8D8465

#6E8D65

Tetradic

#70658D

#8D656E

#828D65

#658D84

Color Blindness Simulation

Original

#70658D

Protanopia

#6B6B83

Deuteranopia

#6C6D81

Tritanopia

#6F7C7A

Achromatopsia

#6A6A6A

CSS Usage

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

Tailwind Shades

50
#F7F6F8
100
#ECEBF0
200
#D9D5E1
300
#BDB8CC
400
#9A91B0
500
#766A95
600
#5E5577
700
#4C445F
800
#3B354A
900
#2D2938
950
#1D1A23

Contrast Checker

Text on white

5.34:1

AA Pass AAA Fail

Text on black

3.94:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026