#384553

#384553

Color Values

HEX

#384553

RGB

56, 69, 83

HSL

211.1, 19.4%, 27.3%

HSV

211.1, 32.5%, 32.5%

CMYK

32.5%, 16.9%, 0.0%, 67.5%

OKLCH

0.3847 0.0293 250.5

Properties

Cool Dark Nearest: RAL 7015 Slate Grey

Color Harmonies

Complementary

#384553

#534638

Analogous

#385353

#393853

#384553

Triadic

#384553

#533845

#455338

Split Complementary

#384553

#533938

#535338

Tetradic

#384553

#533853

#534638

#385339

Color Blindness Simulation

Original

#384553

Protanopia

#3E3E50

Deuteranopia

#3D3C4F

Tritanopia

#394D4C

Achromatopsia

#434343

CSS Usage

background-color: #384553;
color: #384553;
border-color: #384553;
Nearest Tailwind: Gray 700 #374151

Tailwind Shades

50
#F6F7F9
100
#EAEDF0
200
#D4DBE2
300
#B6C1CE
400
#8EA0B3
500
#677F98
600
#52657A
700
#425161
800
#333F4C
900
#283039
950
#191E24

Contrast Checker

Text on white

9.79:1

AA Pass AAA Pass

Text on black

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