#56263B

#56263B

Color Values

HEX

#56263B

RGB

86, 38, 59

HSL

333.8, 38.7%, 24.3%

HSV

333.8, 55.8%, 33.7%

CMYK

0.0%, 55.8%, 31.4%, 66.3%

OKLCH

0.3425 0.0759 354.3

Properties

Warm Dark Nearest: RAL 4007 Purple Violet

Color Harmonies

Complementary

#56263B

#265641

Analogous

#562653

#562926

#56263B

Triadic

#56263B

#3B5626

#263B56

Split Complementary

#56263B

#265629

#265356

Tetradic

#56263B

#535626

#265641

#292656

Color Blindness Simulation

Original

#56263B

Protanopia

#414136

Deuteranopia

#444835

Tritanopia

#543231

Achromatopsia

#323232

CSS Usage

background-color: #56263B;
color: #56263B;
border-color: #56263B;
Nearest Tailwind: Pink 950 #500724

Tailwind Shades

50
#FAF5F7
100
#F3E7EC
200
#E9CDDA
300
#D9AABF
400
#C57C9C
500
#B14E79
600
#8D3F61
700
#71324E
800
#58273D
900
#41202E
950
#29141D

Contrast Checker

Text on white

12.1:1

AA Pass AAA Pass

Text on black

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