#546066

#546066

Color Values

HEX

#546066

RGB

84, 96, 102

HSL

200.0, 9.7%, 36.5%

HSV

200.0, 17.6%, 40.0%

CMYK

17.6%, 5.9%, 0.0%, 60.0%

OKLCH

0.4809 0.0177 229.3

Properties

Cool Dark Nearest: RAL 7012 Basalt Grey

Color Harmonies

Complementary

#546066

#665A54

Analogous

#546663

#545766

#546066

Triadic

#546066

#665460

#606654

Split Complementary

#546066

#665457

#666354

Tetradic

#546066

#635466

#665A54

#576654

Color Blindness Simulation

Original

#546066

Protanopia

#595965

Deuteranopia

#585864

Tritanopia

#556363

Achromatopsia

#5E5E5E

CSS Usage

background-color: #546066;
color: #546066;
border-color: #546066;
Nearest Tailwind: Gray 600 #4B5563

Tailwind Shades

50
#F7F8F8
100
#ECEEEF
200
#D8DCDF
300
#BCC4C8
400
#97A4AA
500
#73848C
600
#5C6970
700
#4A545A
800
#3A4246
900
#2C3235
950
#1C1F21

Contrast Checker

Text on white

6.48:1

AA Pass AAA Fail

Text on black

3.24:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026