#550302

#550302

Color Values

HEX

#550302

RGB

85, 3, 2

HSL

0.7, 95.4%, 17.1%

HSV

0.7, 97.6%, 33.3%

CMYK

0.0%, 96.5%, 97.6%, 66.7%

OKLCH

0.2851 0.113 29.0

Properties

Warm Dark Nearest: RAL 3004 Purple Red

Color Harmonies

Complementary

#550302

#025455

Analogous

#55022B

#552D02

#550302

Triadic

#550302

#025503

#030255

Split Complementary

#550302

#02552D

#022B55

Tetradic

#550302

#2B5502

#025455

#2D0255

Color Blindness Simulation

Original

#550302

Protanopia

#313102

Deuteranopia

#363C02

Tritanopia

#510202

Achromatopsia

#141414

CSS Usage

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

Tailwind Shades

50
#FEF1F1
100
#FCDFDF
200
#FDBAB9
300
#FC8987
400
#FB4947
500
#F90906
600
#C70705
700
#9F0604
800
#7D0403
900
#5A0807
950
#390504

Contrast Checker

Text on white

15.0:1

AA Pass AAA Pass

Text on black

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