#404EBF

#404EBF

Color Values

HEX

#404EBF

RGB

64, 78, 191

HSL

233.4, 49.8%, 50.0%

HSV

233.4, 66.5%, 74.9%

CMYK

66.5%, 59.2%, 0.0%, 25.1%

OKLCH

0.481 0.1761 272.5

Properties

Cool Dark Nearest: royalblue 3

Color Harmonies

Complementary

#404EBF

#BFB140

Analogous

#408DBF

#7240BF

#404EBF

Triadic

#404EBF

#BF404E

#4EBF40

Split Complementary

#404EBF

#BF7240

#8DBF40

Tetradic

#404EBF

#BF408D

#BFB140

#40BF72

Color Blindness Simulation

Original

#404EBF

Protanopia

#4646A4

Deuteranopia

#45449D

Tritanopia

#418E89

Achromatopsia

#535353

CSS Usage

background-color: #404EBF;
color: #404EBF;
border-color: #404EBF;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F4F5FB
100
#E6E7F5
200
#CACDED
300
#A3AAE0
400
#727CD0
500
#404EBF
600
#333E99
700
#29327A
800
#20275F
900
#1B2046
950
#11142C

Contrast Checker

Text on white

6.86:1

AA Pass AAA Fail

Text on black

3.06:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026