#416D90

#416D90

Color Values

HEX

#416D90

RGB

65, 109, 144

HSL

206.6, 37.8%, 41.0%

HSV

206.6, 54.9%, 56.5%

CMYK

54.9%, 24.3%, 0.0%, 43.5%

OKLCH

0.518 0.0741 243.9

Properties

Cool Dark Nearest: steelblue 4

Color Harmonies

Complementary

#416D90

#906441

Analogous

#41908C

#414690

#416D90

Triadic

#416D90

#90416D

#6D9041

Split Complementary

#416D90

#904146

#908C41

Tetradic

#416D90

#8C4190

#906441

#469041

Color Blindness Simulation

Original

#416D90

Protanopia

#545488

Deuteranopia

#524E86

Tritanopia

#43817F

Achromatopsia

#666666

CSS Usage

background-color: #416D90;
color: #416D90;
border-color: #416D90;
Nearest Tailwind: Slate 500 #64748B

Tailwind Shades

50
#F5F8FA
100
#E7EEF3
200
#CEDDE9
300
#ABC4D9
400
#7DA5C4
500
#4F85B0
600
#3F6A8D
700
#335570
800
#284258
900
#203241
950
#142029

Contrast Checker

Text on white

5.5:1

AA Pass AAA Fail

Text on black

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