#548189

#548189

Color Values

HEX

#548189

RGB

84, 129, 137

HSL

189.1, 24.0%, 43.3%

HSV

189.1, 38.7%, 53.7%

CMYK

38.7%, 5.8%, 0.0%, 46.3%

OKLCH

0.5737 0.0507 209.9

Properties

Cool Light Nearest: cadetblue 4

Color Harmonies

Complementary

#548189

#895C54

Analogous

#548976

#546689

#548189

Triadic

#548189

#895481

#818954

Split Complementary

#548189

#895466

#897654

Tetradic

#548189

#765489

#895C54

#668954

Color Blindness Simulation

Original

#548189

Protanopia

#676887

Deuteranopia

#656287

Tritanopia

#568685

Achromatopsia

#787878

CSS Usage

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

Tailwind Shades

50
#F6F8F9
100
#EAF0F1
200
#D3E1E4
300
#B3CCD0
400
#8AB0B7
500
#61959E
600
#4E777E
700
#3E5F65
800
#304A4F
900
#26383B
950
#182325

Contrast Checker

Text on white

4.3:1

AA Fail AAA Fail

Text on black

4.88:1

AA Pass AAA Fail

Related Articles

Brand Stories

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

ก.พ. 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026