#802146

#802146

Color Values

HEX

#802146

RGB

128, 33, 70

HSL

336.6, 59.0%, 31.6%

HSV

336.6, 74.2%, 50.2%

CMYK

0.0%, 74.2%, 45.3%, 49.8%

OKLCH

0.4114 0.1326 1.3

Properties

Warm Dark Nearest: violetred 4

Color Harmonies

Complementary

#802146

#21805B

Analogous

#802176

#802B21

#802146

Triadic

#802146

#468021

#214680

Split Complementary

#802146

#21802B

#217680

Tetradic

#802146

#768021

#21805B

#2B2180

Color Blindness Simulation

Original

#802146

Protanopia

#57563D

Deuteranopia

#5C643B

Tritanopia

#7B3634

Achromatopsia

#383838

CSS Usage

background-color: #802146;
color: #802146;
border-color: #802146;
Nearest Tailwind: Pink 900 #831843

Tailwind Shades

50
#FBF4F7
100
#F6E4EB
200
#F0C6D7
300
#E69EBA
400
#D86994
500
#CB346F
600
#A22A59
700
#822147
800
#651A37
900
#4A172B
950
#2F0E1B

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

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

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

ม.ค. 18, 2026