#802147

#802147

Color Values

HEX

#802147

RGB

128, 33, 71

HSL

336.0, 59.0%, 31.6%

HSV

336.0, 74.2%, 50.2%

CMYK

0.0%, 74.2%, 44.5%, 49.8%

OKLCH

0.4117 0.133 0.6

Properties

Warm Dark Nearest: violetred 4

Color Harmonies

Complementary

#802147

#21805A

Analogous

#802177

#802B21

#802147

Triadic

#802147

#478021

#214780

Split Complementary

#802147

#21802B

#217780

Tetradic

#802147

#778021

#21805A

#2B2180

Color Blindness Simulation

Original

#802147

Protanopia

#57563E

Deuteranopia

#5C643C

Tritanopia

#7B3735

Achromatopsia

#383838

CSS Usage

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

Tailwind Shades

50
#FBF4F7
100
#F6E4EB
200
#F0C6D7
300
#E69EBB
400
#D86996
500
#CB3470
600
#A22A5A
700
#822148
800
#651A38
900
#4A172B
950
#2F0E1B

Contrast Checker

Text on white

9.43:1

AA Pass AAA Pass

Text on black

2.23:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

1月 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1月 21, 2026
Tutorials

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

1月 18, 2026