#405ABF

#405ABF

Color Values

HEX

#405ABF

RGB

64, 90, 191

HSL

227.7, 49.8%, 50.0%

HSV

227.7, 66.5%, 74.9%

CMYK

66.5%, 52.9%, 0.0%, 25.1%

OKLCH

0.5042 0.161 269.1

Properties

Cool Dark Nearest: NCS S 1050-R90B Blue Violet

Color Harmonies

Complementary

#405ABF

#BFA540

Analogous

#409ABF

#6540BF

#405ABF

Triadic

#405ABF

#BF405A

#5ABF40

Split Complementary

#405ABF

#BF6540

#9ABF40

Tetradic

#405ABF

#BF409A

#BFA540

#40BF65

Color Blindness Simulation

Original

#405ABF

Protanopia

#4B4BA7

Deuteranopia

#4A48A1

Tritanopia

#41938F

Achromatopsia

#5C5C5C

CSS Usage

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

Tailwind Shades

50
#F4F5FB
100
#E6E9F5
200
#CAD1ED
300
#A3B0E0
400
#7285D0
500
#405ABF
600
#334899
700
#293A7A
800
#202D5F
900
#1B2446
950
#11172C

Contrast Checker

Text on white

6.12:1

AA Pass AAA Fail

Text on black

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