#549FA4

#549FA4

Color Values

HEX

#549FA4

RGB

84, 159, 164

HSL

183.8, 32.3%, 48.6%

HSV

183.8, 48.8%, 64.3%

CMYK

48.8%, 3.0%, 0.0%, 35.7%

OKLCH

0.6563 0.0749 201.2

Properties

Cool Light Nearest: cadetblue

Color Harmonies

Complementary

#549FA4

#A45954

Analogous

#54A481

#5477A4

#549FA4

Triadic

#549FA4

#A4549F

#9FA454

Split Complementary

#549FA4

#A45477

#A48154

Tetradic

#549FA4

#8154A4

#A45954

#77A454

Color Blindness Simulation

Original

#549FA4

Protanopia

#7475A3

Deuteranopia

#706AA2

Tritanopia

#58A2A2

Achromatopsia

#8F8F8F

CSS Usage

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

Tailwind Shades

50
#F5F9F9
100
#E8F1F2
200
#D0E5E7
300
#AED3D6
400
#82BBBF
500
#56A3A9
600
#458387
700
#37696C
800
#2B5254
900
#223D3F
950
#162627

Contrast Checker

Text on white

3.06:1

AA Fail AAA Fail

Text on black

6.87:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026