#4064BF

#4064BF

Color Values

HEX

#4064BF

RGB

64, 100, 191

HSL

223.0, 49.8%, 50.0%

HSV

223.0, 66.5%, 74.9%

CMYK

66.5%, 47.6%, 0.0%, 25.1%

OKLCH

0.5248 0.1485 265.4

Properties

Cool Dark Nearest: NCS S 1050-R90B Blue Violet

Color Harmonies

Complementary

#4064BF

#BF9B40

Analogous

#40A3BF

#5C40BF

#4064BF

Triadic

#4064BF

#BF4064

#64BF40

Split Complementary

#4064BF

#BF5C40

#A3BF40

Tetradic

#4064BF

#BF40A3

#BF9B40

#40BF5C

Color Blindness Simulation

Original

#4064BF

Protanopia

#5050A9

Deuteranopia

#4E4BA4

Tritanopia

#429894

Achromatopsia

#636363

CSS Usage

background-color: #4064BF;
color: #4064BF;
border-color: #4064BF;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F4F6FB
100
#E6EAF5
200
#CAD4ED
300
#A3B5E0
400
#728CD0
500
#4064BF
600
#335099
700
#29407A
800
#20325F
900
#1B2746
950
#11192C

Contrast Checker

Text on white

5.54:1

AA Pass AAA Fail

Text on black

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