#2B54D4

#2B54D4

Color Values

HEX

#2B54D4

RGB

43, 84, 212

HSL

225.4, 66.3%, 50.0%

HSV

225.4, 79.7%, 83.1%

CMYK

79.7%, 60.4%, 0.0%, 16.9%

OKLCH

0.5 0.2021 265.7

Properties

Cool Dark Nearest: royalblue

Color Harmonies

Complementary

#2B54D4

#D4AB2B

Analogous

#2BA9D4

#562BD4

#2B54D4

Triadic

#2B54D4

#D42B54

#54D42B

Split Complementary

#2B54D4

#D4562B

#A9D42B

Tetradic

#2B54D4

#D42BA9

#D4AB2B

#2BD456

Color Blindness Simulation

Original

#2B54D4

Protanopia

#3D3DB5

Deuteranopia

#3A37AE

Tritanopia

#2D9D97

Achromatopsia

#555555

CSS Usage

background-color: #2B54D4;
color: #2B54D4;
border-color: #2B54D4;
Nearest Tailwind: Blue 700 #1D4ED8

Tailwind Shades

50
#F3F5FC
100
#E3E8F7
200
#C4CFF3
300
#99ADEA
400
#6281DF
500
#2B54D4
600
#2243AA
700
#1B3688
800
#152A6A
900
#14224D
950
#0C1531

Contrast Checker

Text on white

6.32:1

AA Pass AAA Fail

Text on black

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