#416F82

#416F82

Color Values

HEX

#416F82

RGB

65, 111, 130

HSL

197.5, 33.3%, 38.2%

HSV

197.5, 50.0%, 51.0%

CMYK

50.0%, 14.6%, 0.0%, 49.0%

OKLCH

0.5164 0.0587 226.5

Properties

Cool Dark Nearest: RAL 5025 Pearl Gentian Blue

Color Harmonies

Complementary

#416F82

#825441

Analogous

#418274

#414E82

#416F82

Triadic

#416F82

#82416F

#6F8241

Split Complementary

#416F82

#82414E

#827441

Tetradic

#416F82

#744182

#825441

#4E8241

Color Blindness Simulation

Original

#416F82

Protanopia

#55557D

Deuteranopia

#524F7C

Tritanopia

#437A79

Achromatopsia

#676767

CSS Usage

background-color: #416F82;
color: #416F82;
border-color: #416F82;
Nearest Tailwind: Cyan 800 #155E75

Tailwind Shades

50
#F5F8FA
100
#E8EFF2
200
#CFE0E7
300
#ADCAD6
400
#81AEC0
500
#5591AA
600
#447488
700
#365D6D
800
#2B4955
900
#22373F
950
#152228

Contrast Checker

Text on white

5.5:1

AA Pass AAA Fail

Text on black

3.82:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026