#549896

#549896

Color Values

HEX

#549896

RGB

84, 152, 150

HSL

178.2, 28.8%, 46.3%

HSV

178.2, 44.7%, 59.6%

CMYK

44.7%, 0.0%, 1.3%, 40.4%

OKLCH

0.6344 0.0693 193.1

Properties

Cool Light Nearest: RAL 5024 Pastel Blue

Color Harmonies

Complementary

#549896

#985456

Analogous

#549874

#547898

#549896

Triadic

#549896

#965498

#989654

Split Complementary

#549896

#985478

#987454

Tetradic

#549896

#745498

#985456

#789854

Color Blindness Simulation

Original

#549896

Protanopia

#717296

Deuteranopia

#6E6897

Tritanopia

#579797

Achromatopsia

#898989

CSS Usage

background-color: #549896;
color: #549896;
border-color: #549896;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F5F9F9
100
#E9F2F1
200
#D1E6E5
300
#B0D3D2
400
#85BCBA
500
#5BA4A2
600
#498382
700
#3A6968
800
#2D5251
900
#243D3C
950
#172726

Contrast Checker

Text on white

3.33:1

AA Fail AAA Fail

Text on black

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