#406FBA

#406FBA

Color Values

HEX

#406FBA

RGB

64, 111, 186

HSL

216.9, 48.8%, 49.0%

HSV

216.9, 65.6%, 72.9%

CMYK

65.6%, 40.3%, 0.0%, 27.1%

OKLCH

0.5454 0.1284 259.4

Properties

Cool Dark Nearest: NCS S 1060-B Bright Blue

Color Harmonies

Complementary

#406FBA

#BA8B40

Analogous

#40ACBA

#4E40BA

#406FBA

Triadic

#406FBA

#BA406F

#6FBA40

Split Complementary

#406FBA

#BA4E40

#ACBA40

Tetradic

#406FBA

#BA40AC

#BA8B40

#40BA4E

Color Blindness Simulation

Original

#406FBA

Protanopia

#5455A8

Deuteranopia

#524EA4

Tritanopia

#429A96

Achromatopsia

#6A6A6A

CSS Usage

background-color: #406FBA;
color: #406FBA;
border-color: #406FBA;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F4F7FB
100
#E6EBF5
200
#CAD7ED
300
#A4BBE0
400
#7396CF
500
#4171BE
600
#345B98
700
#2A4879
800
#21395F
900
#1B2C46
950
#111C2C

Contrast Checker

Text on white

5.0:1

AA Pass AAA Fail

Text on black

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