#4063BF

#4063BF

Color Values

HEX

#4063BF

RGB

64, 99, 191

HSL

223.5, 49.8%, 50.0%

HSV

223.5, 66.5%, 74.9%

CMYK

66.5%, 48.2%, 0.0%, 25.1%

OKLCH

0.5227 0.1497 265.8

Properties

Cool Dark Nearest: NCS S 1050-R90B Blue Violet

Color Harmonies

Complementary

#4063BF

#BF9C40

Analogous

#40A2BF

#5D40BF

#4063BF

Triadic

#4063BF

#BF4063

#63BF40

Split Complementary

#4063BF

#BF5D40

#A2BF40

Tetradic

#4063BF

#BF40A2

#BF9C40

#40BF5D

Color Blindness Simulation

Original

#4063BF

Protanopia

#4F4FA9

Deuteranopia

#4D4AA3

Tritanopia

#429793

Achromatopsia

#626262

CSS Usage

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

Tailwind Shades

50
#F4F6FB
100
#E6EAF5
200
#CAD3ED
300
#A3B4E0
400
#728CD0
500
#4063BF
600
#334F99
700
#293F7A
800
#20315F
900
#1B2746
950
#11182C

Contrast Checker

Text on white

5.59:1

AA Pass AAA Fail

Text on black

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