#802436

#802436

Color Values

HEX

#802436

RGB

128, 36, 54

HSL

348,3, 56,1%, 32,2%

HSV

348,3, 71,9%, 50,2%

CMYK

0,0%, 71,9%, 57,8%, 49,8%

OKLCH

0,4099 0,1257 13,3

Properties

Warm Dark Nearest: RAL 4002 Red Violet

Color Harmonies

Complementary

#802436

#24806E

Analogous

#802464

#804024

#802436

Triadic

#802436

#368024

#243680

Split Complementary

#802436

#248040

#246480

Tetradic

#802436

#648024

#24806E

#402480

Color Blindness Simulation

Original

#802436

Protanopia

#585732

Deuteranopia

#5E6431

Tritanopia

#7B2E2D

Achromatopsia

#393939

CSS Usage

background-color: #802436;
color: #802436;
border-color: #802436;
Nearest Tailwind: Rose 900 #881337

Tailwind Shades

50
#FBF4F5
100
#F6E5E8
200
#EFC7CF
300
#E49FAD
400
#D66C80
500
#C73854
600
#9F2D43
700
#7F2436
800
#641C2A
900
#491822
950
#2E0F15

Contrast Checker

Text on white

9,44:1

AA Pass AAA Pass

Text on black

2,22: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