#554147

#554147

Color Values

HEX

#554147

RGB

85, 65, 71

HSL

342,0, 13,3%, 29,4%

HSV

342,0, 23,5%, 33,3%

CMYK

0,0%, 23,5%, 16,5%, 66,7%

OKLCH

0,3988 0,0292 358,7

Properties

Warm Dark Nearest: RAL 8019 Grey Brown

Color Harmonies

Complementary

#554147

#41554F

Analogous

#554151

#554541

#554147

Triadic

#554147

#475541

#414755

Split Complementary

#554147

#415545

#415155

Tetradic

#554147

#515541

#41554F

#454155

Color Blindness Simulation

Original

#554147

Protanopia

#4C4C46

Deuteranopia

#4E4F45

Tritanopia

#544444

Achromatopsia

#464646

CSS Usage

background-color: #554147;
color: #554147;
border-color: #554147;
Nearest Tailwind: Zinc 700 #3F3F46

Tailwind Shades

50
#F8F6F7
100
#EFEBEC
200
#E0D7D9
300
#CABABF
400
#AD949C
500
#906F79
600
#745861
700
#5C474D
800
#48373C
900
#362B2E
950
#221B1D

Contrast Checker

Text on white

9,4:1

AA Pass AAA Pass

Text on black

2,23: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