#4057BF

#4057BF

Color Values

HEX

#4057BF

RGB

64, 87, 191

HSL

229.1, 49.8%, 50.0%

HSV

229.1, 66.5%, 74.9%

CMYK

66.5%, 54.5%, 0.0%, 25.1%

OKLCH

0.4982 0.1648 270.0

Properties

Cool Dark Nearest: royalblue 3

Color Harmonies

Complementary

#4057BF

#BFA840

Analogous

#4097BF

#6840BF

#4057BF

Triadic

#4057BF

#BF4057

#57BF40

Split Complementary

#4057BF

#BF6840

#97BF40

Tetradic

#4057BF

#BF4097

#BFA840

#40BF68

Color Blindness Simulation

Original

#4057BF

Protanopia

#4A4AA6

Deuteranopia

#4947A0

Tritanopia

#41928E

Achromatopsia

#5A5A5A

CSS Usage

background-color: #4057BF;
color: #4057BF;
border-color: #4057BF;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F4F5FB
100
#E6E8F5
200
#CAD0ED
300
#A3AEE0
400
#7283D0
500
#4057BF
600
#334699
700
#29387A
800
#202C5F
900
#1B2346
950
#11162C

Contrast Checker

Text on white

6.3:1

AA Pass AAA Fail

Text on black

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