#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

Şub 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Şub 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Şub 19, 2026