#414477

#414477

Color Values

HEX

#414477

RGB

65, 68, 119

HSL

236.7, 29.3%, 36.1%

HSV

236.7, 45.4%, 46.7%

CMYK

45.4%, 42.9%, 0.0%, 53.3%

OKLCH

0.409 0.0848 279.4

Properties

Cool Dark Nearest: RAL 5017 Traffic Blue

Color Harmonies

Complementary

#414477

#777441

Analogous

#415F77

#594177

#414477

Triadic

#414477

#774144

#447741

Split Complementary

#414477

#775941

#5F7741

Tetradic

#414477

#77415F

#777441

#417759

Color Blindness Simulation

Original

#414477

Protanopia

#42426B

Deuteranopia

#424268

Tritanopia

#41615F

Achromatopsia

#474747

CSS Usage

background-color: #414477;
color: #414477;
border-color: #414477;
Nearest Tailwind: Blue 950 #172554

Tailwind Shades

50
#F5F6F9
100
#E9E9F2
200
#D1D2E6
300
#B0B2D4
400
#8588BC
500
#5A5EA5
600
#484B84
700
#3A3C6A
800
#2D2F52
900
#24253D
950
#171727

Contrast Checker

Text on white

9.06:1

AA Pass AAA Pass

Text on black

2.32:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026