#418992

#418992

Color Values

HEX

#418992

RGB

65, 137, 146

HSL

186.7, 38.4%, 41.4%

HSV

186.7, 55.5%, 57.3%

CMYK

55.5%, 6.2%, 0.0%, 42.7%

OKLCH

0.5876 0.0729 206.3

Properties

Cool Light Nearest: RAL 5018 Turquoise Blue

Color Harmonies

Complementary

#418992

#924A41

Analogous

#419273

#416192

#418992

Triadic

#418992

#924189

#899241

Split Complementary

#418992

#924161

#927341

Tetradic

#418992

#734192

#924A41

#619241

Color Blindness Simulation

Original

#418992

Protanopia

#606190

Deuteranopia

#5C578F

Tritanopia

#458E8E

Achromatopsia

#7A7A7A

CSS Usage

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

Tailwind Shades

50
#F5F9FA
100
#E7F2F3
200
#CEE6E9
300
#AAD4D9
400
#7CBDC5
500
#4FA6B0
600
#3F848D
700
#326A71
800
#275358
900
#203D41
950
#142729

Contrast Checker

Text on white

4.02:1

AA Fail AAA Fail

Text on black

5.22:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026