#63182E

#63182E

Color Values

HEX

#63182E

RGB

99, 24, 46

HSL

342.4, 61.0%, 24.1%

HSV

342.4, 75.8%, 38.8%

CMYK

0.0%, 75.8%, 53.5%, 61.2%

OKLCH

0.3411 0.1078 7.5

Properties

Warm Dark Nearest: RAL 4004 Claret Violet

Color Harmonies

Complementary

#63182E

#18634D

Analogous

#631853

#632718

#63182E

Triadic

#63182E

#2E6318

#182E63

Split Complementary

#63182E

#186327

#185363

Tetradic

#63182E

#536318

#18634D

#271863

Color Blindness Simulation

Original

#63182E

Protanopia

#434229

Deuteranopia

#474C27

Tritanopia

#5F2424

Achromatopsia

#2A2A2A

CSS Usage

background-color: #63182E;
color: #63182E;
border-color: #63182E;
Nearest Tailwind: Pink 950 #500724

Tailwind Shades

50
#FBF3F6
100
#F6E4E9
200
#F1C6D2
300
#E79CB2
400
#DA6789
500
#CD325F
600
#A4284C
700
#83203D
800
#671930
900
#4B1625
950
#2F0E18

Contrast Checker

Text on white

12.35:1

AA Pass AAA Pass

Text on black

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