#67223F

#67223F

Color Values

HEX

#67223F

RGB

103, 34, 63

HSL

334.8, 50.4%, 26.9%

HSV

334.8, 67.0%, 40.4%

CMYK

0.0%, 67.0%, 38.8%, 59.6%

OKLCH

0.3662 0.1036 357.5

Properties

Warm Dark Nearest: RAL 4004 Claret Violet

Color Harmonies

Complementary

#67223F

#22674A

Analogous

#672262

#672822

#67223F

Triadic

#67223F

#3F6722

#223F67

Split Complementary

#67223F

#226728

#226267

Tetradic

#67223F

#626722

#22674A

#282267

Color Blindness Simulation

Original

#67223F

Protanopia

#494938

Deuteranopia

#4D5236

Tritanopia

#643231

Achromatopsia

#333333

CSS Usage

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

Tailwind Shades

50
#FBF4F7
100
#F5E6EC
200
#EDC9D8
300
#E1A3BD
400
#D07199
500
#C03F75
600
#99335E
700
#7B284B
800
#60203B
900
#461A2D
950
#2C111C

Contrast Checker

Text on white

11.19:1

AA Pass AAA Pass

Text on black

1.88:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

ก.พ. 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026