#405BBF

#405BBF

Color Values

HEX

#405BBF

RGB

64, 91, 191

HSL

227.2, 49.8%, 50.0%

HSV

227.2, 66.5%, 74.9%

CMYK

66.5%, 52.4%, 0.0%, 25.1%

OKLCH

0.5062 0.1598 268.7

Properties

Cool Dark Nearest: NCS S 1050-R90B Blue Violet

Color Harmonies

Complementary

#405BBF

#BFA440

Analogous

#409BBF

#6440BF

#405BBF

Triadic

#405BBF

#BF405B

#5BBF40

Split Complementary

#405BBF

#BF6440

#9BBF40

Tetradic

#405BBF

#BF409B

#BFA440

#40BF64

Color Blindness Simulation

Original

#405BBF

Protanopia

#4C4CA7

Deuteranopia

#4A48A1

Tritanopia

#419490

Achromatopsia

#5C5C5C

CSS Usage

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

Tailwind Shades

50
#F4F5FB
100
#E6E9F5
200
#CAD1ED
300
#A3B0E0
400
#7286D0
500
#405BBF
600
#334999
700
#293A7A
800
#202E5F
900
#1B2446
950
#11172C

Contrast Checker

Text on white

6.06:1

AA Pass AAA Fail

Text on black

3.47:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026