#562428

#562428

Color Values

HEX

#562428

RGB

86, 36, 40

HSL

355.2, 41.0%, 23.9%

HSV

355.2, 58.1%, 33.7%

CMYK

0.0%, 58.1%, 53.5%, 66.3%

OKLCH

0.3329 0.0743 17.1

Properties

Warm Dark Nearest: RAL 3005 Wine Red

Color Harmonies

Complementary

#562428

#245652

Analogous

#562441

#563924

#562428

Triadic

#562428

#285624

#242856

Split Complementary

#562428

#245639

#244156

Tetradic

#562428

#415624

#245652

#392456

Color Blindness Simulation

Original

#562428

Protanopia

#404027

Deuteranopia

#434727

Tritanopia

#542626

Achromatopsia

#2F2F2F

CSS Usage

background-color: #562428;
color: #562428;
border-color: #562428;
Nearest Tailwind: Rose 950 #4C0519

Tailwind Shades

50
#FAF5F5
100
#F3E7E8
200
#EACDCF
300
#DBA9AD
400
#C77A80
500
#B44B54
600
#903C43
700
#733035
800
#5A262A
900
#421F21
950
#2A1315

Contrast Checker

Text on white

12.51:1

AA Pass AAA Pass

Text on black

1.68:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026