#404B48

#404B48

Color Values

HEX

#404B48

RGB

64, 75, 72

HSL

163.6, 7.9%, 27.3%

HSV

163.6, 14.7%, 29.4%

CMYK

14.7%, 0.0%, 4.0%, 70.6%

OKLCH

0.402 0.015 177.3

Properties

Cool Dark Nearest: Outer Space

Color Harmonies

Complementary

#404B48

#4B4043

Analogous

#404B43

#40494B

#404B48

Triadic

#404B48

#48404B

#4B4840

Split Complementary

#404B48

#4B4049

#4B4340

Tetradic

#404B48

#43404B

#4B4043

#494B40

Color Blindness Simulation

Original

#404B48

Protanopia

#454549

Deuteranopia

#444349

Tritanopia

#414949

Achromatopsia

#484848

CSS Usage

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

Tailwind Shades

50
#F7F8F8
100
#ECEEEE
200
#D8DEDD
300
#BDC7C4
400
#99A8A4
500
#758A84
600
#5E6E6A
700
#4B5855
800
#3B4542
900
#2D3432
950
#1C2120

Contrast Checker

Text on white

9.06:1

AA Pass AAA Pass

Text on black

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