#405453

#405453

Color Values

HEX

#405453

RGB

64, 84, 83

HSL

177.0, 13.5%, 29.0%

HSV

177.0, 23.8%, 32.9%

CMYK

23.8%, 0.0%, 1.2%, 67.1%

OKLCH

0.4289 0.0247 192.5

Properties

Cool Dark Nearest: RAL 7012 Basalt Grey

Color Harmonies

Complementary

#405453

#544041

Analogous

#405449

#404B54

#405453

Triadic

#405453

#534054

#545340

Split Complementary

#405453

#54404B

#544940

Tetradic

#405453

#494054

#544041

#4B5440

Color Blindness Simulation

Original

#405453

Protanopia

#494953

Deuteranopia

#484653

Tritanopia

#415353

Achromatopsia

#505050

CSS Usage

background-color: #405453;
color: #405453;
border-color: #405453;
Nearest Tailwind: Neutral 600 #525252

Tailwind Shades

50
#F6F8F8
100
#EBEFEF
200
#D6E0E0
300
#BACAC9
400
#94ADAC
500
#6E918F
600
#587472
700
#475D5C
800
#374847
900
#2B3636
950
#1B2222

Contrast Checker

Text on white

8.04:1

AA Pass AAA Pass

Text on black

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