#500302

#500302

Color Values

HEX

#500302

RGB

80, 3, 2

HSL

0.8, 95.1%, 16.1%

HSV

0.8, 97.5%, 31.4%

CMYK

0.0%, 96.3%, 97.5%, 68.6%

OKLCH

0.2739 0.1081 29.0

Properties

Warm Dark Nearest: RAL 3009 Oxide Red

Color Harmonies

Complementary

#500302

#024F50

Analogous

#500228

#502A02

#500302

Triadic

#500302

#025003

#030250

Split Complementary

#500302

#02502A

#022850

Tetradic

#500302

#285002

#024F50

#2A0250

Color Blindness Simulation

Original

#500302

Protanopia

#2F2E02

Deuteranopia

#333902

Tritanopia

#4C0202

Achromatopsia

#131313

CSS Usage

background-color: #500302;
color: #500302;
border-color: #500302;
Nearest Tailwind: Red 950 #450A0A

Tailwind Shades

50
#FEF1F1
100
#FCDFDF
200
#FDBAB9
300
#FC8988
400
#FA4947
500
#F90906
600
#C70805
700
#9F0604
800
#7C0503
900
#5A0807
950
#390504

Contrast Checker

Text on white

15.5:1

AA Pass AAA Pass

Text on black

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