#2C64FF

#2C64FF

Color Values

HEX

#2C64FF

RGB

44, 100, 255

HSL

224.1, 100.0%, 58.6%

HSV

224.1, 82.7%, 100.0%

CMYK

82.7%, 60.8%, 0.0%, 0.0%

OKLCH

0.5668 0.2375 264.5

Properties

Cool Dark Nearest: royalblue 1

Color Harmonies

Complementary

#2C64FF

#FFC72C

Analogous

#2CCDFF

#5D2CFF

#2C64FF

Triadic

#2C64FF

#FF2C64

#64FF2C

Split Complementary

#2C64FF

#FF5D2C

#CDFF2C

Tetradic

#2C64FF

#FF2CCD

#FFC72C

#2CFF5D

Color Blindness Simulation

Original

#2C64FF

Protanopia

#4445DA

Deuteranopia

#413DD0

Tritanopia

#2FBCB5

Achromatopsia

#636363

CSS Usage

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

Tailwind Shades

50
#F1F4FE
100
#DEE6FC
200
#B8CBFF
300
#85A5FF
400
#4274FF
500
#0044FF
600
#0036CC
700
#002BA3
800
#002280
900
#051C5C
950
#03123A

Contrast Checker

Text on white

4.8:1

AA Pass AAA Fail

Text on black

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