#630636

#630636

Color Values

HEX

#630636

RGB

99, 6, 54

HSL

329.0, 88.6%, 20.6%

HSV

329.0, 93.9%, 38.8%

CMYK

0.0%, 93.9%, 45.5%, 61.2%

OKLCH

0.3294 0.1282 357.1

Properties

Warm Dark Nearest: RAL 4004 Claret Violet

Color Harmonies

Complementary

#630636

#066333

Analogous

#620663

#630608

#630636

Triadic

#630636

#366306

#063663

Split Complementary

#630636

#086306

#066362

Tetradic

#630636

#636206

#066333

#060863

Color Blindness Simulation

Original

#630636

Protanopia

#3B3A2A

Deuteranopia

#404728

Tritanopia

#5E211F

Achromatopsia

#1D1D1D

CSS Usage

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

Tailwind Shades

50
#FDF2F8
100
#FBE0EE
200
#FBBCDC
300
#F88CC4
400
#F44DA3
500
#F00F83
600
#C00C69
700
#9A0954
800
#780742
900
#570A32
950
#37061F

Contrast Checker

Text on white

13.04:1

AA Pass AAA Pass

Text on black

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