#384648

#384648

Color Values

HEX

#384648

RGB

56, 70, 72

HSL

187.5, 12.5%, 25.1%

HSV

187.5, 22.2%, 28.2%

CMYK

22.2%, 2.8%, 0.0%, 71.8%

OKLCH

0.3827 0.0183 207.0

Properties

Cool Dark Nearest: Outer Space

Color Harmonies

Complementary

#384648

#483A38

Analogous

#384842

#383E48

#384648

Triadic

#384648

#483846

#464838

Split Complementary

#384648

#48383E

#484238

Tetradic

#384648

#423848

#483A38

#3E4838

Color Blindness Simulation

Original

#384648

Protanopia

#3E3E48

Deuteranopia

#3D3C47

Tritanopia

#394747

Achromatopsia

#434343

CSS Usage

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

Tailwind Shades

50
#F7F8F8
100
#EBEFEF
200
#D7DFE0
300
#BAC8C9
400
#95A9AC
500
#708B8F
600
#597073
700
#47595C
800
#384648
900
#2B3536
950
#1B2122

Contrast Checker

Text on white

9.82:1

AA Pass AAA Pass

Text on black

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