#546978

#546978

Color Values

HEX

#546978

RGB

84, 105, 120

HSL

205.0, 17.6%, 40.0%

HSV

205.0, 30.0%, 47.1%

CMYK

30.0%, 12.5%, 0.0%, 52.9%

OKLCH

0.5094 0.0347 239.4

Properties

Cool Dark Nearest: lightskyblue 4

Color Harmonies

Complementary

#546978

#786354

Analogous

#547875

#545778

#546978

Triadic

#546978

#785469

#697854

Split Complementary

#546978

#785457

#787554

Tetradic

#546978

#755478

#786354

#577854

Color Blindness Simulation

Original

#546978

Protanopia

#5D5D74

Deuteranopia

#5C5A74

Tritanopia

#557271

Achromatopsia

#666666

CSS Usage

background-color: #546978;
color: #546978;
border-color: #546978;
Nearest Tailwind: Gray 500 #6B7280

Tailwind Shades

50
#F6F8F8
100
#EAEEF0
200
#D5DCE2
300
#B7C4CD
400
#90A3B1
500
#698396
600
#546978
700
#435460
800
#35424B
900
#293238
950
#1A1F23

Contrast Checker

Text on white

5.72:1

AA Pass AAA Fail

Text on black

3.67:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026