#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

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026