#36273B

#36273B

Color Values

HEX

#36273B

RGB

54, 39, 59

HSL

285.0, 20.4%, 19.2%

HSV

285.0, 33.9%, 23.1%

CMYK

8.5%, 33.9%, 0.0%, 76.9%

OKLCH

0.2989 0.0408 317.5

Properties

Cool Dark Nearest: RAL 5003 Sapphire Blue

Color Harmonies

Complementary

#36273B

#2C3B27

Analogous

#2C273B

#3B2736

#36273B

Triadic

#36273B

#3B3627

#273B36

Split Complementary

#36273B

#363B27

#273B2C

Tetradic

#36273B

#3B2C27

#2C3B27

#27363B

Color Blindness Simulation

Original

#36273B

Protanopia

#302F36

Deuteranopia

#303235

Tritanopia

#353232

Achromatopsia

#2C2C2C

CSS Usage

background-color: #36273B;
color: #36273B;
border-color: #36273B;
Nearest Tailwind: Slate 800 #1E293B

Tailwind Shades

50
#F8F6F9
100
#EFEAF0
200
#DFD4E3
300
#C8B5CE
400
#AA8DB4
500
#8D659A
600
#70517B
700
#5A4162
800
#46334D
900
#352839
950
#211924

Contrast Checker

Text on white

13.91:1

AA Pass AAA Pass

Text on black

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