#454252

#454252

Color Values

HEX

#454252

RGB

69, 66, 82

HSL

251.2, 10.8%, 29.0%

HSV

251.2, 19.5%, 32.2%

CMYK

15.9%, 19.5%, 0.0%, 67.8%

OKLCH

0.3883 0.0271 293.7

Properties

Cool Dark Nearest: RAL 7015 Slate Grey

Color Harmonies

Complementary

#454252

#4F5242

Analogous

#424752

#4D4252

#454252

Triadic

#454252

#524542

#425245

Split Complementary

#454252

#524D42

#475242

Tetradic

#454252

#524247

#4F5242

#42524D

Color Blindness Simulation

Original

#454252

Protanopia

#44444E

Deuteranopia

#44444D

Tritanopia

#454B4A

Achromatopsia

#444444

CSS Usage

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

Tailwind Shades

50
#F7F7F8
100
#ECECEF
200
#D9D7DF
300
#BEBBC8
400
#9A96AB
500
#77728D
600
#5F5B71
700
#4C495A
800
#3B3947
900
#2D2C35
950
#1D1C22

Contrast Checker

Text on white

9.75:1

AA Pass AAA Pass

Text on black

2.15:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026