#672435

#672435

Color Values

HEX

#672435

RGB

103, 36, 53

HSL

344.8, 48.2%, 27.3%

HSV

344.8, 65.0%, 40.4%

CMYK

0.0%, 65.0%, 48.5%, 59.6%

OKLCH

0.3656 0.0973 7.7

Properties

Warm Dark Nearest: RAL 4004 Claret Violet

Color Harmonies

Complementary

#672435

#246756

Analogous

#672457

#673524

#672435

Triadic

#672435

#356724

#243567

Split Complementary

#672435

#246735

#245767

Tetradic

#672435

#576724

#246756

#352467

Color Blindness Simulation

Original

#672435

Protanopia

#4A4931

Deuteranopia

#4E5330

Tritanopia

#642E2D

Achromatopsia

#333333

CSS Usage

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

Tailwind Shades

50
#FAF4F6
100
#F4E6EA
200
#EDCAD3
300
#DFA4B3
400
#CE738A
500
#BD4261
600
#97354E
700
#792A3E
800
#5E2131
900
#451B26
950
#2C1118

Contrast Checker

Text on white

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