#384548

#384548

Color Values

HEX

#384548

RGB

56, 69, 72

HSL

191.2, 12.5%, 25.1%

HSV

191.2, 22.2%, 28.2%

CMYK

22.2%, 4.2%, 0.0%, 71.8%

OKLCH

0.3801 0.0176 213.3

Properties

Cool Dark Nearest: Outer Space

Color Harmonies

Complementary

#384548

#483B38

Analogous

#384843

#383D48

#384548

Triadic

#384548

#483845

#454838

Split Complementary

#384548

#48383D

#484338

Tetradic

#384548

#433848

#483B38

#3D4838

Color Blindness Simulation

Original

#384548

Protanopia

#3E3E47

Deuteranopia

#3D3C47

Tritanopia

#394747

Achromatopsia

#424242

CSS Usage

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

Tailwind Shades

50
#F7F8F8
100
#EBEEEF
200
#D7DEE0
300
#BAC7C9
400
#95A8AC
500
#70898F
600
#596E73
700
#47585C
800
#384548
900
#2B3436
950
#1B2122

Contrast Checker

Text on white

9.94:1

AA Pass AAA Pass

Text on black

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