#36444F

#36444F

Color Values

HEX

#36444F

RGB

54, 68, 79

HSL

206.4, 18.8%, 26.1%

HSV

206.4, 31.6%, 31.0%

CMYK

31.6%, 13.9%, 0.0%, 69.0%

OKLCH

0.3788 0.0262 242.1

Properties

Cool Dark Nearest: RAL 7015 Slate Grey

Color Harmonies

Complementary

#36444F

#4F4136

Analogous

#364F4E

#36384F

#36444F

Triadic

#36444F

#4F3644

#444F36

Split Complementary

#36444F

#4F3638

#4F4E36

Tetradic

#36444F

#4E364F

#4F4136

#384F36

Color Blindness Simulation

Original

#36444F

Protanopia

#3C3C4C

Deuteranopia

#3B3A4C

Tritanopia

#374A4A

Achromatopsia

#424242

CSS Usage

background-color: #36444F;
color: #36444F;
border-color: #36444F;
Nearest Tailwind: Gray 700 #374151

Tailwind Shades

50
#F6F7F9
100
#EAEDF0
200
#D5DCE2
300
#B6C3CD
400
#8FA3B2
500
#688297
600
#536879
700
#425361
800
#34414C
900
#283139
950
#191F24

Contrast Checker

Text on white

10.02:1

AA Pass AAA Pass

Text on black

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