#548286

#548286

Color Values

HEX

#548286

RGB

84, 130, 134

HSL

184,8, 22,9%, 42,7%

HSV

184,8, 37,3%, 52,5%

CMYK

37,3%, 3,0%, 0,0%, 47,5%

OKLCH

0,575 0,0505 202,8

Properties

Cool Light Nearest: cadetblue 4

Color Harmonies

Complementary

#548286

#865854

Analogous

#548671

#546986

#548286

Triadic

#548286

#865482

#828654

Split Complementary

#548286

#865469

#867154

Tetradic

#548286

#715486

#865854

#698654

Color Blindness Simulation

Original

#548286

Protanopia

#686885

Deuteranopia

#656285

Tritanopia

#568484

Achromatopsia

#797979

CSS Usage

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

Tailwind Shades

50
#F6F9F9
100
#EAF0F1
200
#D3E2E3
300
#B4CED0
400
#8BB3B6
500
#62989D
600
#4F7A7D
700
#3F6164
800
#314C4E
900
#26393A
950
#182425

Contrast Checker

Text on white

4,27:1

AA Fail AAA Fail

Text on black

4,91:1

AA Pass 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