#38484B

#38484B

Color Values

HEX

#38484B

RGB

56, 72, 75

HSL

189.5, 14.5%, 25.7%

HSV

189.5, 25.3%, 29.4%

CMYK

25.3%, 4.0%, 0.0%, 70.6%

OKLCH

0.389 0.021 210.3

Properties

Cool Dark Nearest: Outer Space

Color Harmonies

Complementary

#38484B

#4B3B38

Analogous

#384B45

#383F4B

#38484B

Triadic

#38484B

#4B3848

#484B38

Split Complementary

#38484B

#4B383F

#4B4538

Tetradic

#38484B

#45384B

#4B3B38

#3F4B38

Color Blindness Simulation

Original

#38484B

Protanopia

#3F3F4A

Deuteranopia

#3E3D4A

Tritanopia

#394A4A

Achromatopsia

#454545

CSS Usage

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

Tailwind Shades

50
#F6F8F8
100
#EBEFEF
200
#D6DFE0
300
#B9C8CB
400
#93AAAE
500
#6D8C92
600
#577075
700
#465A5D
800
#374649
900
#2A3537
950
#1B2123

Contrast Checker

Text on white

9.56:1

AA Pass AAA Pass

Text on black

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