#405CBF

#405CBF

Color Values

HEX

#405CBF

RGB

64, 92, 191

HSL

226.8, 49.8%, 50.0%

HSV

226.8, 66.5%, 74.9%

CMYK

66.5%, 51.8%, 0.0%, 25.1%

OKLCH

0.5082 0.1585 268.4

Properties

Cool Dark Nearest: NCS S 1050-R90B Blue Violet

Color Harmonies

Complementary

#405CBF

#BFA340

Analogous

#409BBF

#6440BF

#405CBF

Triadic

#405CBF

#BF405C

#5CBF40

Split Complementary

#405CBF

#BF6440

#9BBF40

Tetradic

#405CBF

#BF409B

#BFA340

#40BF64

Color Blindness Simulation

Original

#405CBF

Protanopia

#4C4CA7

Deuteranopia

#4A48A1

Tritanopia

#419490

Achromatopsia

#5D5D5D

CSS Usage

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

Tailwind Shades

50
#F4F6FB
100
#E6E9F5
200
#CAD1ED
300
#A3B1E0
400
#7286D0
500
#405CBF
600
#334A99
700
#293B7A
800
#202E5F
900
#1B2446
950
#11172C

Contrast Checker

Text on white

6.0:1

AA Pass AAA Fail

Text on black

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