#700C33

#700C33

Color Values

HEX

#700C33

RGB

112, 12, 51

HSL

336.6, 80.6%, 24.3%

HSV

336.6, 89.3%, 43.9%

CMYK

0.0%, 89.3%, 54.5%, 56.1%

OKLCH

0.3579 0.1333 5.1

Properties

Warm Dark Nearest: RAL 4004 Claret Violet

Color Harmonies

Complementary

#700C33

#0C7049

Analogous

#700C65

#70170C

#700C33

Triadic

#700C33

#33700C

#0C3370

Split Complementary

#700C33

#0C7017

#0C6570

Tetradic

#700C33

#65700C

#0C7049

#170C70

Color Blindness Simulation

Original

#700C33

Protanopia

#45442A

Deuteranopia

#4A5227

Tritanopia

#6B2220

Achromatopsia

#242424

CSS Usage

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

Tailwind Shades

50
#FDF2F6
100
#F9E1EA
200
#F8BFD5
300
#F390B7
400
#ED5590
500
#E61969
600
#B81454
700
#931043
800
#730C34
900
#540D29
950
#35081A

Contrast Checker

Text on white

11.74:1

AA Pass AAA Pass

Text on black

1.79:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026