#704766

#704766

Color Values

HEX

#704766

RGB

112, 71, 102

HSL

314.6, 22.4%, 35.9%

HSV

314.6, 36.6%, 43.9%

CMYK

0.0%, 36.6%, 8.9%, 56.1%

OKLCH

0.4557 0.0717 336.1

Properties

Warm Dark Nearest: RAL 4005 Blue Lilac

Color Harmonies

Complementary

#704766

#477051

Analogous

#664770

#704752

#704766

Triadic

#704766

#667047

#476670

Split Complementary

#704766

#527047

#477066

Tetradic

#704766

#706647

#477051

#475270

Color Blindness Simulation

Original

#704766

Protanopia

#5E5E5F

Deuteranopia

#61645D

Tritanopia

#6E5957

Achromatopsia

#525252

CSS Usage

background-color: #704766;
color: #704766;
border-color: #704766;
Nearest Tailwind: Zinc 600 #52525B

Tailwind Shades

50
#F9F6F8
100
#F1EAEF
200
#E3D3DF
300
#D0B4C9
400
#B68CAB
500
#9C638E
600
#7D4F72
700
#643F5B
800
#4E3147
900
#3A2735
950
#251822

Contrast Checker

Text on white

7.55:1

AA Pass AAA Pass

Text on black

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