#417981

#417981

Color Values

HEX

#417981

RGB

65, 121, 129

HSL

187.5, 33.0%, 38.0%

HSV

187.5, 49.6%, 50.6%

CMYK

49.6%, 6.2%, 0.0%, 49.4%

OKLCH

0.541 0.0603 207.5

Properties

Cool Dark Nearest: cadetblue 4

Color Harmonies

Complementary

#417981

#814941

Analogous

#418169

#415981

#417981

Triadic

#417981

#814179

#798141

Split Complementary

#417981

#814159

#816941

Tetradic

#417981

#694181

#814941

#598141

Color Blindness Simulation

Original

#417981

Protanopia

#595A7F

Deuteranopia

#56527F

Tritanopia

#447E7D

Achromatopsia

#6E6E6E

CSS Usage

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

Tailwind Shades

50
#F5F9F9
100
#E8F1F2
200
#D0E4E7
300
#AED1D6
400
#82B8C0
500
#559FAA
600
#447F88
700
#37666D
800
#2B5055
900
#223B3F
950
#162528

Contrast Checker

Text on white

4.91:1

AA Pass AAA Fail

Text on black

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