#2C4ED3

#2C4ED3

Color Values

HEX

#2C4ED3

RGB

44, 78, 211

HSL

227.8, 65.5%, 50.0%

HSV

227.8, 79.1%, 82.7%

CMYK

79.1%, 63.0%, 0.0%, 17.3%

OKLCH

0.4884 0.2076 266.9

Properties

Cool Dark Nearest: royalblue 2

Color Harmonies

Complementary

#2C4ED3

#D3B12C

Analogous

#2CA1D3

#5E2CD3

#2C4ED3

Triadic

#2C4ED3

#D32C4E

#4ED32C

Split Complementary

#2C4ED3

#D35E2C

#A1D32C

Tetradic

#2C4ED3

#D32CA1

#D3B12C

#2CD35E

Color Blindness Simulation

Original

#2C4ED3

Protanopia

#3B3BB3

Deuteranopia

#3936AB

Tritanopia

#2E9994

Achromatopsia

#505050

CSS Usage

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

Tailwind Shades

50
#F3F5FC
100
#E3E7F7
200
#C4CDF3
300
#9AAAEA
400
#637CDE
500
#2C4ED3
600
#233EA9
700
#1C3287
800
#16276A
900
#14204D
950
#0D1431

Contrast Checker

Text on white

6.69:1

AA Pass AAA Fail

Text on black

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