#417090

#417090

Color Values

HEX

#417090

RGB

65, 112, 144

HSL

204.3, 37.8%, 41.0%

HSV

204.3, 54.9%, 56.5%

CMYK

54.9%, 22.2%, 0.0%, 43.5%

OKLCH

0.5252 0.0722 239.9

Properties

Cool Dark Nearest: skyblue 4

Color Harmonies

Complementary

#417090

#906141

Analogous

#419089

#414990

#417090

Triadic

#417090

#904170

#709041

Split Complementary

#417090

#904149

#908941

Tetradic

#417090

#894190

#906141

#499041

Color Blindness Simulation

Original

#417090

Protanopia

#555688

Deuteranopia

#534F86

Tritanopia

#438281

Achromatopsia

#686868

CSS Usage

background-color: #417090;
color: #417090;
border-color: #417090;
Nearest Tailwind: Cyan 700 #0E7490

Tailwind Shades

50
#F5F8FA
100
#E7EEF3
200
#CEDEE9
300
#ABC6D9
400
#7DA7C4
500
#4F89B0
600
#3F6D8D
700
#335770
800
#284458
900
#203441
950
#142129

Contrast Checker

Text on white

5.32:1

AA Pass AAA Fail

Text on black

3.95: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