#454342

#454342

Color Values

HEX

#454342

RGB

69, 67, 66

HSL

20.0, 2.2%, 26.5%

HSV

20.0, 4.3%, 27.1%

CMYK

0.0%, 2.9%, 4.3%, 72.9%

OKLCH

0.3845 0.0032 48.6

Properties

Warm Dark Nearest: RAL 8019 Grey Brown

Color Harmonies

Complementary

#454342

#424445

Analogous

#454243

#454542

#454342

Triadic

#454342

#424543

#434245

Split Complementary

#454342

#424545

#424345

Tetradic

#454342

#434542

#424445

#454245

Color Blindness Simulation

Original

#454342

Protanopia

#444442

Deuteranopia

#444442

Tritanopia

#454242

Achromatopsia

#434343

CSS Usage

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

Tailwind Shades

50
#F7F7F7
100
#EDEDED
200
#DCDBDB
300
#C3C1C0
400
#A3A09F
500
#827F7D
600
#686564
700
#535150
800
#413F3E
900
#31302F
950
#1F1E1E

Contrast Checker

Text on white

9.84:1

AA Pass AAA Pass

Text on black

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