#36484A

#36484A

Color Values

HEX

#36484A

RGB

54, 72, 74

HSL

186,0, 15,6%, 25,1%

HSV

186,0, 27,0%, 29,0%

CMYK

27,0%, 2,7%, 0,0%, 71,0%

OKLCH

0,3871 0,023 204,7

Properties

Cool Dark Nearest: Outer Space

Color Harmonies

Complementary

#36484A

#4A3836

Analogous

#364A42

#363E4A

#36484A

Triadic

#36484A

#4A3648

#484A36

Split Complementary

#36484A

#4A363E

#4A4236

Tetradic

#36484A

#42364A

#4A3836

#3E4A36

Color Blindness Simulation

Original

#36484A

Protanopia

#3E3E4A

Deuteranopia

#3D3B49

Tritanopia

#374949

Achromatopsia

#444444

CSS Usage

background-color: #36484A;
color: #36484A;
border-color: #36484A;
Nearest Tailwind: Neutral 700 #404040

Tailwind Shades

50
#F6F8F8
100
#EBEFF0
200
#D6E0E1
300
#B8C9CB
400
#92ACAF
500
#6C8F93
600
#567376
700
#455C5E
800
#36484A
900
#2A3637
950
#1A2223

Contrast Checker

Text on white

9,62:1

AA Pass AAA Pass

Text on black

2,18: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