#38484E

#38484E

Color Values

HEX

#38484E

RGB

56, 72, 78

HSL

196.4, 16.4%, 26.3%

HSV

196.4, 28.2%, 30.6%

CMYK

28.2%, 7.7%, 0.0%, 69.4%

OKLCH

0.3902 0.0227 222.7

Properties

Cool Dark Nearest: Outer Space

Color Harmonies

Complementary

#38484E

#4E3E38

Analogous

#384E49

#383D4E

#38484E

Triadic

#38484E

#4E3848

#484E38

Split Complementary

#38484E

#4E383D

#4E4938

Tetradic

#38484E

#49384E

#4E3E38

#3D4E38

Color Blindness Simulation

Original

#38484E

Protanopia

#3F3F4D

Deuteranopia

#3E3D4C

Tritanopia

#394B4B

Achromatopsia

#454545

CSS Usage

background-color: #38484E;
color: #38484E;
border-color: #38484E;
Nearest Tailwind: Zinc 700 #3F3F46

Tailwind Shades

50
#F6F8F8
100
#EBEEF0
200
#D5DEE1
300
#B8C6CC
400
#91A8B0
500
#6B8994
600
#556E77
700
#44585F
800
#35444A
900
#293438
950
#1A2123

Contrast Checker

Text on white

9.52:1

AA Pass AAA Pass

Text on black

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