#700642

#700642

Color Values

HEX

#700642

RGB

112, 6, 66

HSL

326.0, 89.8%, 23.1%

HSV

326.0, 94.6%, 43.9%

CMYK

0.0%, 94.6%, 41.1%, 56.1%

OKLCH

0.3601 0.1429 354.1

Properties

Warm Dark Nearest: violetred 4

Color Harmonies

Complementary

#700642

#067034

Analogous

#690670

#70060D

#700642

Triadic

#700642

#427006

#064270

Split Complementary

#700642

#0D7006

#067069

Tetradic

#700642

#706906

#067034

#060D70

Color Blindness Simulation

Original

#700642

Protanopia

#424133

Deuteranopia

#485030

Tritanopia

#6B2826

Achromatopsia

#212121

CSS Usage

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

Tailwind Shades

50
#FDF2F8
100
#FBE0EF
200
#FBBBE0
300
#F98BC9
400
#F54CAC
500
#F20D8F
600
#C20A72
700
#9B085B
800
#790747
900
#580936
950
#370622

Contrast Checker

Text on white

11.71:1

AA Pass AAA Pass

Text on black

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