#4D0222

#4D0222

Color Values

HEX

#4D0222

RGB

77, 2, 34

HSL

334.4, 94.9%, 15.5%

HSV

334.4, 97.4%, 30.2%

CMYK

0.0%, 97.4%, 55.8%, 69.8%

OKLCH

0.273 0.1071 3.0

Properties

Warm Dark Nearest: RAL 4004 Claret Violet

Color Harmonies

Complementary

#4D0222

#024D2D

Analogous

#4D0248

#4D0802

#4D0222

Triadic

#4D0222

#224D02

#02224D

Split Complementary

#4D0222

#024D08

#02484D

Tetradic

#4D0222

#484D02

#024D2D

#08024D

Color Blindness Simulation

Original

#4D0222

Protanopia

#2D2C1A

Deuteranopia

#313618

Tritanopia

#491413

Achromatopsia

#141414

CSS Usage

background-color: #4D0222;
color: #4D0222;
border-color: #4D0222;
Nearest Tailwind: Pink 950 #500724

Tailwind Shades

50
#FEF1F6
100
#FCDFEB
200
#FDB9D6
300
#FC88B9
400
#FA4794
500
#F8076E
600
#C70558
700
#9F0446
800
#7C0337
900
#5A072A
950
#39041B

Contrast Checker

Text on white

15.59:1

AA Pass AAA Pass

Text on black

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