#2C63D3

#2C63D3

Color Values

HEX

#2C63D3

RGB

44, 99, 211

HSL

220.2, 65.5%, 50.0%

HSV

220.2, 79.1%, 82.7%

CMYK

79.1%, 53.1%, 0.0%, 17.3%

OKLCH

0.529 0.1827 262.4

Properties

Cool Dark Nearest: royalblue 3

Color Harmonies

Complementary

#2C63D3

#D39C2C

Analogous

#2CB7D3

#482CD3

#2C63D3

Triadic

#2C63D3

#D32C63

#63D32C

Split Complementary

#2C63D3

#D3482C

#B7D32C

Tetradic

#2C63D3

#D32CB7

#D39C2C

#2CD348

Color Blindness Simulation

Original

#2C63D3

Protanopia

#4444B8

Deuteranopia

#413CB1

Tritanopia

#2FA29E

Achromatopsia

#5F5F5F

CSS Usage

background-color: #2C63D3;
color: #2C63D3;
border-color: #2C63D3;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F3F6FC
100
#E3EAF7
200
#C4D3F3
300
#9AB4EA
400
#638CDE
500
#2C63D3
600
#234FA9
700
#1C3F87
800
#16326A
900
#14274D
950
#0D1831

Contrast Checker

Text on white

5.48:1

AA Pass AAA Fail

Text on black

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