#416E98

#416E98

Color Values

HEX

#416E98

RGB

65, 110, 152

HSL

209.0, 40.1%, 42.5%

HSV

209.0, 57.2%, 59.6%

CMYK

57.2%, 27.6%, 0.0%, 40.4%

OKLCH

0.5244 0.0833 248.1

Properties

Cool Dark Nearest: steelblue 4

Color Harmonies

Complementary

#416E98

#986B41

Analogous

#419896

#414298

#416E98

Triadic

#416E98

#98416E

#6E9841

Split Complementary

#416E98

#984142

#989641

Tetradic

#416E98

#964198

#986B41

#429841

Color Blindness Simulation

Original

#416E98

Protanopia

#54558E

Deuteranopia

#524E8B

Tritanopia

#438684

Achromatopsia

#676767

CSS Usage

background-color: #416E98;
color: #416E98;
border-color: #416E98;
Nearest Tailwind: Sky 800 #075985

Tailwind Shades

50
#F5F7FA
100
#E7EDF3
200
#CDDCEA
300
#A9C3DA
400
#7BA2C6
500
#4C81B3
600
#3D678F
700
#315372
800
#264159
900
#1F3142
950
#141F2A

Contrast Checker

Text on white

5.37:1

AA Pass AAA Fail

Text on black

3.91:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026