#405DBF

#405DBF

Color Values

HEX

#405DBF

RGB

64, 93, 191

HSL

226.3, 49.8%, 50.0%

HSV

226.3, 66.5%, 74.9%

CMYK

66.5%, 51.3%, 0.0%, 25.1%

OKLCH

0.5103 0.1572 268.0

Properties

Cool Dark Nearest: NCS S 1050-R90B Blue Violet

Color Harmonies

Complementary

#405DBF

#BFA240

Analogous

#409CBF

#6340BF

#405DBF

Triadic

#405DBF

#BF405D

#5DBF40

Split Complementary

#405DBF

#BF6340

#9CBF40

Tetradic

#405DBF

#BF409C

#BFA240

#40BF63

Color Blindness Simulation

Original

#405DBF

Protanopia

#4D4DA7

Deuteranopia

#4B49A2

Tritanopia

#419590

Achromatopsia

#5E5E5E

CSS Usage

background-color: #405DBF;
color: #405DBF;
border-color: #405DBF;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F4F6FB
100
#E6E9F5
200
#CAD2ED
300
#A3B1E0
400
#7287D0
500
#405DBF
600
#334A99
700
#293C7A
800
#202F5F
900
#1B2546
950
#11172C

Contrast Checker

Text on white

5.94:1

AA Pass AAA Fail

Text on black

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