#562C30

#562C30

Color Values

HEX

#562C30

RGB

86, 44, 48

HSL

354.3, 32.3%, 25.5%

HSV

354.3, 48.8%, 33.7%

CMYK

0.0%, 48.8%, 44.2%, 66.3%

OKLCH

0.3494 0.0619 14.7

Properties

Warm Dark Nearest: RAL 3007 Black Red

Color Harmonies

Complementary

#562C30

#2C5652

Analogous

#562C45

#563D2C

#562C30

Triadic

#562C30

#30562C

#2C3056

Split Complementary

#562C30

#2C563D

#2C4556

Tetradic

#562C30

#45562C

#2C5652

#3D2C56

Color Blindness Simulation

Original

#562C30

Protanopia

#44432F

Deuteranopia

#46492F

Tritanopia

#542E2E

Achromatopsia

#353535

CSS Usage

background-color: #562C30;
color: #562C30;
border-color: #562C30;
Nearest Tailwind: Orange 950 #431407

Tailwind Shades

50
#F9F5F6
100
#F2E8E9
200
#E7D0D2
300
#D6AEB2
400
#BF8288
500
#A9565E
600
#87454B
700
#6C373C
800
#542B2F
900
#3F2225
950
#271617

Contrast Checker

Text on white

11.68:1

AA Pass AAA Pass

Text on black

1.8:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026