#701348

#701348

Color Values

HEX

#701348

RGB

112, 19, 72

HSL

325.8, 71.0%, 25.7%

HSV

325.8, 83.0%, 43.9%

CMYK

0.0%, 83.0%, 35.7%, 56.1%

OKLCH

0.3704 0.1355 351.3

Properties

Warm Dark Nearest: violetred 4

Color Harmonies

Complementary

#701348

#13703B

Analogous

#6A1370

#70131A

#701348

Triadic

#701348

#487013

#134870

Split Complementary

#701348

#1A7013

#13706A

Tetradic

#701348

#706A13

#13703B

#131A70

Color Blindness Simulation

Original

#701348

Protanopia

#48473B

Deuteranopia

#4D5438

Tritanopia

#6B312F

Achromatopsia

#2B2B2B

CSS Usage

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

Tailwind Shades

50
#FCF3F8
100
#F8E2EF
200
#F5C2DF
300
#ED96C8
400
#E45EAA
500
#DA258C
600
#AE1E70
700
#8C185A
800
#6D1246
900
#4F1135
950
#320B21

Contrast Checker

Text on white

11.2:1

AA Pass AAA Pass

Text on black

1.88:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

ม.ค. 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

ม.ค. 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

ม.ค. 15, 2026