#548E95

#548E95

Color Values

HEX

#548E95

RGB

84, 142, 149

HSL

186.5, 27.9%, 45.7%

HSV

186.5, 43.6%, 58.4%

CMYK

43.6%, 4.7%, 0.0%, 41.6%

OKLCH

0.6097 0.0616 205.6

Properties

Cool Light Nearest: cadetblue 4

Color Harmonies

Complementary

#548E95

#955B54

Analogous

#54957C

#546D95

#548E95

Triadic

#548E95

#95548E

#8E9554

Split Complementary

#548E95

#95546D

#957C54

Tetradic

#548E95

#7C5495

#955B54

#6D9554

Color Blindness Simulation

Original

#548E95

Protanopia

#6D6E93

Deuteranopia

#6A6593

Tritanopia

#579292

Achromatopsia

#828282

CSS Usage

background-color: #548E95;
color: #548E95;
border-color: #548E95;
Nearest Tailwind: Cyan 700 #0E7490

Tailwind Shades

50
#F6F9F9
100
#E9F0F1
200
#D1E3E5
300
#B1CFD3
400
#86B5BB
500
#5C9BA3
600
#4A7C82
700
#3B6368
800
#2E4E52
900
#243A3D
950
#172526

Contrast Checker

Text on white

3.7:1

AA Fail AAA Fail

Text on black

5.68: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