#576273

#576273

Color Values

HEX

#576273

RGB

87, 98, 115

HSL

216.4, 13.9%, 39.6%

HSV

216.4, 24.3%, 45.1%

CMYK

24.3%, 14.8%, 0.0%, 54.9%

OKLCH

0.4931 0.0305 259.0

Properties

Cool Dark Nearest: RAL 4012 Pearl Blackberry

Color Harmonies

Complementary

#576273

#736857

Analogous

#577073

#5A5773

#576273

Triadic

#576273

#735762

#627357

Split Complementary

#576273

#735A57

#707357

Tetradic

#576273

#735770

#736857

#57735A

Color Blindness Simulation

Original

#576273

Protanopia

#5C5C6F

Deuteranopia

#5B5A6E

Tritanopia

#586C6B

Achromatopsia

#616161

CSS Usage

background-color: #576273;
color: #576273;
border-color: #576273;
Nearest Tailwind: Gray 600 #4B5563

Tailwind Shades

50
#F6F7F8
100
#EBEDEF
200
#D6DAE0
300
#B9C0CA
400
#949EAE
500
#6E7C91
600
#586374
700
#464F5D
800
#373E49
900
#2A2F37
950
#1B1E22

Contrast Checker

Text on white

6.18:1

AA Pass AAA Fail

Text on black

3.4:1

AA Fail 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