#549095

#549095

Color Values

HEX

#549095

RGB

84, 144, 149

HSL

184.6, 27.9%, 45.7%

HSV

184.6, 43.6%, 58.4%

CMYK

43.6%, 3.4%, 0.0%, 41.6%

OKLCH

0.6146 0.0629 202.5

Properties

Cool Light Nearest: cadetblue 4

Color Harmonies

Complementary

#549095

#955954

Analogous

#54957A

#547095

#549095

Triadic

#549095

#955490

#909554

Split Complementary

#549095

#955470

#957A54

Tetradic

#549095

#7A5495

#955954

#709554

Color Blindness Simulation

Original

#549095

Protanopia

#6E6F94

Deuteranopia

#6A6694

Tritanopia

#579393

Achromatopsia

#848484

CSS Usage

background-color: #549095;
color: #549095;
border-color: #549095;
Nearest Tailwind: Teal 700 #0F766E

Tailwind Shades

50
#F6F9F9
100
#E9F1F1
200
#D1E4E5
300
#B1D0D3
400
#86B7BB
500
#5C9EA3
600
#4A7E82
700
#3B6568
800
#2E4F52
900
#243B3D
950
#172526

Contrast Checker

Text on white

3.62:1

AA Fail AAA Fail

Text on black

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