#672436

#672436

Color Values

HEX

#672436

RGB

103, 36, 54

HSL

343.9, 48.2%, 27.3%

HSV

343.9, 65.0%, 40.4%

CMYK

0.0%, 65.0%, 47.6%, 59.6%

OKLCH

0.3659 0.0975 6.7

Properties

Warm Dark Nearest: RAL 4004 Claret Violet

Color Harmonies

Complementary

#672436

#246755

Analogous

#672458

#673424

#672436

Triadic

#672436

#366724

#243667

Split Complementary

#672436

#246734

#245867

Tetradic

#672436

#586724

#246755

#342467

Color Blindness Simulation

Original

#672436

Protanopia

#4A4932

Deuteranopia

#4E5331

Tritanopia

#642E2D

Achromatopsia

#343434

CSS Usage

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

Tailwind Shades

50
#FAF4F6
100
#F4E6EA
200
#EDCAD3
300
#DFA4B4
400
#CE738C
500
#BD4263
600
#97354F
700
#792A3F
800
#5E2132
900
#451B27
950
#2C1118

Contrast Checker

Text on white

11.16:1

AA Pass AAA Pass

Text on black

1.88:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026