#2C5CD3

#2C5CD3

Color Values

HEX

#2C5CD3

RGB

44, 92, 211

HSL

222,8, 65,5%, 50,0%

HSV

222,8, 79,1%, 82,7%

CMYK

79,1%, 56,4%, 0,0%, 17,3%

OKLCH

0,5149 0,1911 264,1

Properties

Cool Dark Nearest: royalblue

Color Harmonies

Complementary

#2C5CD3

#D3A32C

Analogous

#2CAFD3

#502CD3

#2C5CD3

Triadic

#2C5CD3

#D32C5C

#5CD32C

Split Complementary

#2C5CD3

#D3502C

#AFD32C

Tetradic

#2C5CD3

#D32CAF

#D3A32C

#2CD350

Color Blindness Simulation

Original

#2C5CD3

Protanopia

#4141B6

Deuteranopia

#3E3AAF

Tritanopia

#2E9F9A

Achromatopsia

#5A5A5A

CSS Usage

background-color: #2C5CD3;
color: #2C5CD3;
border-color: #2C5CD3;
Nearest Tailwind: Blue 600 #2563EB

Tailwind Shades

50
#F3F6FC
100
#E3E9F7
200
#C4D1F3
300
#9AB1EA
400
#6386DE
500
#2C5CD3
600
#2349A9
700
#1C3B87
800
#162E6A
900
#14244D
950
#0D1731

Contrast Checker

Text on white

5,87:1

AA Pass AAA Fail

Text on black

3,58:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Fév 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Fév 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Fév 20, 2026