#418F97

#418F97

Color Values

HEX

#418F97

RGB

65, 143, 151

HSL

185.6, 39.8%, 42.4%

HSV

185.6, 57.0%, 59.2%

CMYK

57.0%, 5.3%, 0.0%, 40.8%

OKLCH

0.6045 0.077 204.4

Properties

Cool Light Nearest: RAL 5018 Turquoise Blue

Color Harmonies

Complementary

#418F97

#974941

Analogous

#419774

#416497

#418F97

Triadic

#418F97

#97418F

#8F9741

Split Complementary

#418F97

#974164

#977441

Tetradic

#418F97

#744197

#974941

#649741

Color Blindness Simulation

Original

#418F97

Protanopia

#636395

Deuteranopia

#5E5895

Tritanopia

#459493

Achromatopsia

#7F7F7F

CSS Usage

background-color: #418F97;
color: #418F97;
border-color: #418F97;
Nearest Tailwind: Cyan 600 #0891B2

Tailwind Shades

50
#F5F9FA
100
#E7F2F3
200
#CDE7EA
300
#A9D6DA
400
#7BBFC6
500
#4DA9B2
600
#3D878F
700
#316C72
800
#265459
900
#1F3F42
950
#14282A

Contrast Checker

Text on white

3.75:1

AA Fail AAA Fail

Text on black

5.6:1

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