#545E64

#545E64

Color Values

HEX

#545E64

RGB

84, 94, 100

HSL

202.5, 8.7%, 36.1%

HSV

202.5, 16.0%, 39.2%

CMYK

16.0%, 6.0%, 0.0%, 60.8%

OKLCH

0.4754 0.0158 234.0

Properties

Cool Dark Nearest: RAL 7012 Basalt Grey

Color Harmonies

Complementary

#545E64

#645A54

Analogous

#546462

#545664

#545E64

Triadic

#545E64

#64545E

#5E6454

Split Complementary

#545E64

#645456

#646254

Tetradic

#545E64

#625464

#645A54

#566454

Color Blindness Simulation

Original

#545E64

Protanopia

#585863

Deuteranopia

#585762

Tritanopia

#546161

Achromatopsia

#5C5C5C

CSS Usage

background-color: #545E64;
color: #545E64;
border-color: #545E64;
Nearest Tailwind: Zinc 600 #52525B

Tailwind Shades

50
#F7F7F8
100
#ECEDEE
200
#D8DCDE
300
#BCC3C7
400
#98A3A9
500
#74828B
600
#5D686F
700
#4B5359
800
#3A4145
900
#2D3134
950
#1C1F21

Contrast Checker

Text on white

6.64:1

AA Pass AAA Fail

Text on black

3.16:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026