#418C86

#418C86

Color Values

HEX

#418C86

RGB

65, 140, 134

HSL

175.2, 36.6%, 40.2%

HSV

175.2, 53.6%, 54.9%

CMYK

53.6%, 0.0%, 4.3%, 45.1%

OKLCH

0.5908 0.0751 188.4

Properties

Cool Light Nearest: Wintergreen Dream

Color Harmonies

Complementary

#418C86

#8C4147

Analogous

#418C61

#416D8C

#418C86

Triadic

#418C86

#86418C

#8C8641

Split Complementary

#418C86

#8C416D

#8C6141

Tetradic

#418C86

#61418C

#8C4147

#6D8C41

Color Blindness Simulation

Original

#418C86

Protanopia

#616287

Deuteranopia

#5D5888

Tritanopia

#458989

Achromatopsia

#7C7C7C

CSS Usage

background-color: #418C86;
color: #418C86;
border-color: #418C86;
Nearest Tailwind: Teal 700 #0F766E

Tailwind Shades

50
#F5FAF9
100
#E8F3F2
200
#CEE8E6
300
#ABD8D5
400
#7EC3BE
500
#51AEA7
600
#418B85
700
#346F6B
800
#285753
900
#20403E
950
#152927

Contrast Checker

Text on white

3.95:1

AA Fail AAA Fail

Text on black

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