#418391

#418391

Color Values

HEX

#418391

RGB

65, 131, 145

HSL

190.5, 38.1%, 41.2%

HSV

190.5, 55.2%, 56.9%

CMYK

55.2%, 9.7%, 0.0%, 43.1%

OKLCH

0.5723 0.0703 213.3

Properties

Cool Light Nearest: RAL 5018 Turquoise Blue

Color Harmonies

Complementary

#418391

#914F41

Analogous

#419177

#415B91

#418391

Triadic

#418391

#914183

#839141

Split Complementary

#418391

#91415B

#917741

Tetradic

#418391

#774191

#914F41

#5B9141

Color Blindness Simulation

Original

#418391

Protanopia

#5E5E8E

Deuteranopia

#5A558D

Tritanopia

#448B8A

Achromatopsia

#767676

CSS Usage

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

Tailwind Shades

50
#F5F9FA
100
#E7F1F3
200
#CEE4E9
300
#AAD1D9
400
#7DB8C5
500
#4F9FB0
600
#3F7F8D
700
#336671
800
#275058
900
#203B41
950
#142529

Contrast Checker

Text on white

4.3:1

AA Fail AAA Fail

Text on black

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