#547CAA

#547CAA

Color Values

HEX

#547CAA

RGB

84, 124, 170

HSL

212.1, 33.9%, 49.8%

HSV

212.1, 50.6%, 66.7%

CMYK

50.6%, 27.1%, 0.0%, 33.3%

OKLCH

0.5762 0.0844 252.7

Properties

Cool Light Nearest: steelblue

Color Harmonies

Complementary

#547CAA

#AA8254

Analogous

#54A7AA

#5754AA

#547CAA

Triadic

#547CAA

#AA547C

#7CAA54

Split Complementary

#547CAA

#AA5754

#A7AA54

Tetradic

#547CAA

#AA54A7

#AA8254

#54AA57

Color Blindness Simulation

Original

#547CAA

Protanopia

#65669F

Deuteranopia

#63609C

Tritanopia

#569694

Achromatopsia

#777777

CSS Usage

background-color: #547CAA;
color: #547CAA;
border-color: #547CAA;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F5F7FA
100
#E8EDF2
200
#CFDAE7
300
#ADC0D7
400
#819EC1
500
#547CAB
600
#436489
700
#36506D
800
#2A3E55
900
#222F3F
950
#151E28

Contrast Checker

Text on white

4.34:1

AA Fail AAA Fail

Text on black

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