#700F42

#700F42

Color Values

HEX

#700F42

RGB

112, 15, 66

HSL

328.5, 76.4%, 24.9%

HSV

328.5, 86.6%, 43.9%

CMYK

0.0%, 86.6%, 41.1%, 56.1%

OKLCH

0.3651 0.1363 355.0

Properties

Warm Dark Nearest: violetred 4

Color Harmonies

Complementary

#700F42

#0F703D

Analogous

#6E0F70

#700F11

#700F42

Triadic

#700F42

#42700F

#0F4270

Split Complementary

#700F42

#11700F

#0F706E

Tetradic

#700F42

#706E0F

#0F703D

#0F1170

Color Blindness Simulation

Original

#700F42

Protanopia

#464536

Deuteranopia

#4C5333

Tritanopia

#6B2C2A

Achromatopsia

#272727

CSS Usage

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

Tailwind Shades

50
#FCF2F8
100
#F9E2EE
200
#F7C0DD
300
#F193C4
400
#E959A4
500
#E11E84
600
#B4186A
700
#901355
800
#700F42
900
#520F32
950
#340A20

Contrast Checker

Text on white

11.44:1

AA Pass AAA Pass

Text on black

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