#554DDB

#554DDB

Color Values

HEX

#554DDB

RGB

85, 77, 219

HSL

243.4, 66.4%, 58.0%

HSV

243.4, 64.8%, 85.9%

CMYK

61.2%, 64.8%, 0.0%, 14.1%

OKLCH

0.5165 0.2089 278.7

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#554DDB

#D3DB4D

Analogous

#4D8CDB

#9C4DDB

#554DDB

Triadic

#554DDB

#DB554D

#4DDB55

Split Complementary

#554DDB

#DB9C4D

#8CDB4D

Tetradic

#554DDB

#DB4D8C

#D3DB4D

#4DDB9C

Color Blindness Simulation

Original

#554DDB

Protanopia

#5251B9

Deuteranopia

#5253B0

Tritanopia

#559D98

Achromatopsia

#595959

CSS Usage

background-color: #554DDB;
color: #554DDB;
border-color: #554DDB;
Nearest Tailwind: Blue 700 #1D4ED8

Tailwind Shades

50
#F4F3FC
100
#E4E3F7
200
#C6C4F3
300
#9E99EA
400
#6962DF
500
#342BD4
600
#2A22AA
700
#221B88
800
#1A156A
900
#17134D
950
#0E0C31

Contrast Checker

Text on white

6.05:1

AA Pass AAA Fail

Text on black

3.47:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2월 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2월 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2월 19, 2026