#417F87

#417F87

Color Values

HEX

#417F87

RGB

65, 127, 135

HSL

186.9, 35.0%, 39.2%

HSV

186.9, 51.9%, 52.9%

CMYK

51.9%, 5.9%, 0.0%, 47.1%

OKLCH

0.5584 0.065 206.5

Properties

Cool Light Nearest: RAL 5018 Turquoise Blue

Color Harmonies

Complementary

#417F87

#874941

Analogous

#41876C

#415C87

#417F87

Triadic

#417F87

#87417F

#7F8741

Split Complementary

#417F87

#87415C

#876C41

Tetradic

#417F87

#6C4187

#874941

#5C8741

Color Blindness Simulation

Original

#417F87

Protanopia

#5C5C85

Deuteranopia

#585485

Tritanopia

#448483

Achromatopsia

#727272

CSS Usage

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

Tailwind Shades

50
#F5F9FA
100
#E8F1F2
200
#CFE5E8
300
#ACD2D7
400
#80BAC2
500
#53A2AC
600
#42818A
700
#35686E
800
#295156
900
#213C40
950
#152628

Contrast Checker

Text on white

4.55:1

AA Pass AAA Fail

Text on black

4.61:1

AA Pass 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