#554F92

#554F92

Color Values

HEX

#554F92

RGB

85, 79, 146

HSL

245.4, 29.8%, 44.1%

HSV

245.4, 45.9%, 57.3%

CMYK

41.8%, 45.9%, 0.0%, 42.7%

OKLCH

0.4657 0.1063 285.6

Properties

Cool Dark Nearest: mediumpurple 4

Color Harmonies

Complementary

#554F92

#8C924F

Analogous

#4F6A92

#764F92

#554F92

Triadic

#554F92

#92554F

#4F9255

Split Complementary

#554F92

#92764F

#6A924F

Tetradic

#554F92

#924F6A

#8C924F

#4F9276

Color Blindness Simulation

Original

#554F92

Protanopia

#525282

Deuteranopia

#53537E

Tritanopia

#557572

Achromatopsia

#555555

CSS Usage

background-color: #554F92;
color: #554F92;
border-color: #554F92;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F6F5F9
100
#E9E9F2
200
#D3D1E6
300
#B3B0D4
400
#8A85BD
500
#605AA5
600
#4D4884
700
#3E396A
800
#302D53
900
#26233D
950
#181627

Contrast Checker

Text on white

7.19:1

AA Pass AAA Pass

Text on black

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