#80163F

#80163F

Color Values

HEX

#80163F

RGB

128, 22, 63

HSL

336.8, 70.7%, 29.4%

HSV

336.8, 82.8%, 50.2%

CMYK

0.0%, 82.8%, 50.8%, 49.8%

OKLCH

0.3994 0.1422 3.7

Properties

Warm Dark Nearest: violetred 4

Color Harmonies

Complementary

#80163F

#168057

Analogous

#801674

#802216

#80163F

Triadic

#80163F

#3F8016

#163F80

Split Complementary

#80163F

#168022

#167480

Tetradic

#80163F

#748016

#168057

#221680

Color Blindness Simulation

Original

#80163F

Protanopia

#525135

Deuteranopia

#586033

Tritanopia

#7B2D2C

Achromatopsia

#2F2F2F

CSS Usage

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

Tailwind Shades

50
#FCF3F6
100
#F8E2EB
200
#F5C2D6
300
#ED97B8
400
#E35E92
500
#DA256B
600
#AE1E56
700
#8B1845
800
#6D1336
900
#4F1229
950
#320B1A

Contrast Checker

Text on white

9.98:1

AA Pass AAA Pass

Text on black

2.1:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026