#414878

#414878

Color Values

HEX

#414878

RGB

65, 72, 120

HSL

232.4, 29.7%, 36.3%

HSV

232.4, 45.8%, 47.1%

CMYK

45.8%, 40.0%, 0.0%, 52.9%

OKLCH

0.4184 0.0803 276.1

Properties

Cool Dark Nearest: RAL 5000 Violet Blue

Color Harmonies

Complementary

#414878

#787141

Analogous

#416478

#564178

#414878

Triadic

#414878

#784148

#487841

Split Complementary

#414878

#785641

#647841

Tetradic

#414878

#784164

#787141

#417856

Color Blindness Simulation

Original

#414878

Protanopia

#44446C

Deuteranopia

#44436A

Tritanopia

#416361

Achromatopsia

#4A4A4A

CSS Usage

background-color: #414878;
color: #414878;
border-color: #414878;
Nearest Tailwind: Sky 900 #0C4A6E

Tailwind Shades

50
#F5F6F9
100
#E9EAF2
200
#D1D3E6
300
#B0B4D4
400
#858CBD
500
#5A63A5
600
#484F84
700
#39406A
800
#2D3253
900
#23273D
950
#161827

Contrast Checker

Text on white

8.67:1

AA Pass AAA Pass

Text on black

2.42:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026