#700643

#700643

Color Values

HEX

#700643

RGB

112, 6, 67

HSL

325.5, 89.8%, 23.1%

HSV

325.5, 94.6%, 43.9%

CMYK

0.0%, 94.6%, 40.2%, 56.1%

OKLCH

0.3605 0.1434 353.5

Properties

Warm Dark Nearest: violetred 4

Color Harmonies

Complementary

#700643

#067033

Analogous

#680670

#70060E

#700643

Triadic

#700643

#437006

#064370

Split Complementary

#700643

#0E7006

#067068

Tetradic

#700643

#706806

#067033

#060E70

Color Blindness Simulation

Original

#700643

Protanopia

#424134

Deuteranopia

#485031

Tritanopia

#6B2926

Achromatopsia

#212121

CSS Usage

background-color: #700643;
color: #700643;
border-color: #700643;
Nearest Tailwind: Pink 900 #831843

Tailwind Shades

50
#FDF2F8
100
#FBE0EF
200
#FBBBE0
300
#F98BCA
400
#F54CAD
500
#F20D91
600
#C20A74
700
#9B085D
800
#790748
900
#580936
950
#370622

Contrast Checker

Text on white

11.69:1

AA Pass AAA Pass

Text on black

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