#701F66

#701F66

Color Values

HEX

#701F66

RGB

112, 31, 102

HSL

307.4, 56.6%, 28.0%

HSV

307.4, 72.3%, 43.9%

CMYK

0.0%, 72.3%, 8.9%, 56.1%

OKLCH

0.3962 0.1416 333.3

Properties

Warm Dark Nearest: maroon 4

Color Harmonies

Complementary

#701F66

#1F7029

Analogous

#511F70

#701F3D

#701F66

Triadic

#701F66

#66701F

#1F6670

Split Complementary

#701F66

#3D701F

#1F7051

Tetradic

#701F66

#70511F

#1F7029

#1F3D70

Color Blindness Simulation

Original

#701F66

Protanopia

#4D4C55

Deuteranopia

#525851

Tritanopia

#6C4744

Achromatopsia

#353535

CSS Usage

background-color: #701F66;
color: #701F66;
border-color: #701F66;
Nearest Tailwind: Fuchsia 900 #701A75

Tailwind Shades

50
#FBF4FA
100
#F6E5F4
200
#F0C7EB
300
#E49FDC
400
#D66BC9
500
#C837B6
600
#A02C91
700
#802374
800
#641C5B
900
#491843
950
#2E0F2A

Contrast Checker

Text on white

10.11:1

AA Pass AAA Pass

Text on black

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