#407CB4

#407CB4

Color Values

HEX

#407CB4

RGB

64, 124, 180

HSL

209.0, 47.5%, 47.8%

HSV

209.0, 64.4%, 70.6%

CMYK

64.4%, 31.1%, 0.0%, 29.4%

OKLCH

0.5715 0.1072 248.8

Properties

Cool Light Nearest: RAL 5012 Light Blue

Color Harmonies

Complementary

#407CB4

#B47840

Analogous

#40B4B2

#4042B4

#407CB4

Triadic

#407CB4

#B4407C

#7CB440

Split Complementary

#407CB4

#B44042

#B4B240

Tetradic

#407CB4

#B240B4

#B47840

#42B440

Color Blindness Simulation

Original

#407CB4

Protanopia

#5A5BA6

Deuteranopia

#5652A3

Tritanopia

#439C99

Achromatopsia

#737373

CSS Usage

background-color: #407CB4;
color: #407CB4;
border-color: #407CB4;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F4F7FA
100
#E6EDF4
200
#CADCEC
300
#A5C3DF
400
#74A2CD
500
#4382BC
600
#366896
700
#2B5378
800
#21415E
900
#1C3145
950
#121F2C

Contrast Checker

Text on white

4.41:1

AA Fail AAA Fail

Text on black

4.76:1

AA Pass 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