#416C80

#416C80

Color Values

HEX

#416C80

RGB

65, 108, 128

HSL

199.0, 32.6%, 37.8%

HSV

199.0, 49.2%, 50.2%

CMYK

49.2%, 15.6%, 0.0%, 49.8%

OKLCH

0.5081 0.0573 229.3

Properties

Cool Dark Nearest: RAL 5025 Pearl Gentian Blue

Color Harmonies

Complementary

#416C80

#805541

Analogous

#418074

#414C80

#416C80

Triadic

#416C80

#80416C

#6C8041

Split Complementary

#416C80

#80414C

#807441

Tetradic

#416C80

#744180

#805541

#4C8041

Color Blindness Simulation

Original

#416C80

Protanopia

#54547B

Deuteranopia

#514E7A

Tritanopia

#437776

Achromatopsia

#646464

CSS Usage

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

Tailwind Shades

50
#F5F8F9
100
#E8EFF2
200
#D0E0E7
300
#AEC9D6
400
#82ACBF
500
#568FA9
600
#457287
700
#375B6C
800
#2B4755
900
#22363F
950
#162228

Contrast Checker

Text on white

5.7:1

AA Pass AAA Fail

Text on black

3.68:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026