#700349

#700349

Color Values

HEX

#700349

RGB

112, 3, 73

HSL

321.5, 94.8%, 22.5%

HSV

321.5, 97.3%, 43.9%

CMYK

0.0%, 97.3%, 34.8%, 56.1%

OKLCH

0.3616 0.1485 349.4

Properties

Warm Dark Nearest: maroon 4

Color Harmonies

Complementary

#700349

#03702A

Analogous

#600370

#700312

#700349

Triadic

#700349

#497003

#034970

Split Complementary

#700349

#127003

#037060

Tetradic

#700349

#706003

#03702A

#031270

Color Blindness Simulation

Original

#700349

Protanopia

#414038

Deuteranopia

#474F34

Tritanopia

#6B2B28

Achromatopsia

#1F1F1F

CSS Usage

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

Tailwind Shades

50
#FEF1F9
100
#FCDFF1
200
#FDB9E5
300
#FC88D2
400
#FA47BA
500
#F807A2
600
#C70581
700
#9F0468
800
#7C0351
900
#5A073C
950
#390426

Contrast Checker

Text on white

11.68:1

AA Pass AAA Pass

Text on black

1.8:1

AA Fail AAA Fail

Related Articles

Tutorials

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

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026