#2554DA

#2554DA

Color Values

HEX

#2554DA

RGB

37, 84, 218

HSL

224.4, 71.0%, 50.0%

HSV

224.4, 83.0%, 85.5%

CMYK

83.0%, 61.5%, 0.0%, 14.5%

OKLCH

0.5032 0.2112 264.7

Properties

Cool Dark Nearest: royalblue 2

Color Harmonies

Complementary

#2554DA

#DAAB25

Analogous

#25AFDA

#5025DA

#2554DA

Triadic

#2554DA

#DA2554

#54DA25

Split Complementary

#2554DA

#DA5025

#AFDA25

Tetradic

#2554DA

#DA25AF

#DAAB25

#25DA50

Color Blindness Simulation

Original

#2554DA

Protanopia

#393ABA

Deuteranopia

#3733B2

Tritanopia

#27A09A

Achromatopsia

#545454

CSS Usage

background-color: #2554DA;
color: #2554DA;
border-color: #2554DA;
Nearest Tailwind: Blue 700 #1D4ED8

Tailwind Shades

50
#F3F5FC
100
#E2E8F8
200
#C2CFF5
300
#96ADED
400
#5E80E4
500
#2554DA
600
#1E43AE
700
#18368C
800
#122A6D
900
#11224F
950
#0B1532

Contrast Checker

Text on white

6.25:1

AA Pass AAA Fail

Text on black

3.36:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026