#418C84

#418C84

Color Values

HEX

#418C84

RGB

65, 140, 132

HSL

173.6, 36.6%, 40.2%

HSV

173.6, 53.6%, 54.9%

CMYK

53.6%, 0.0%, 5.7%, 45.1%

OKLCH

0.5902 0.0756 186.1

Properties

Cool Light Nearest: Wintergreen Dream

Color Harmonies

Complementary

#418C84

#8C4149

Analogous

#418C5F

#416F8C

#418C84

Triadic

#418C84

#84418C

#8C8441

Split Complementary

#418C84

#8C416F

#8C5F41

Tetradic

#418C84

#5F418C

#8C4149

#6F8C41

Color Blindness Simulation

Original

#418C84

Protanopia

#616286

Deuteranopia

#5D5886

Tritanopia

#458788

Achromatopsia

#7B7B7B

CSS Usage

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

Tailwind Shades

50
#F5FAF9
100
#E8F3F2
200
#CEE8E6
300
#ABD8D3
400
#7EC3BC
500
#51AEA4
600
#418B83
700
#346F69
800
#285752
900
#20403D
950
#152927

Contrast Checker

Text on white

3.96:1

AA Fail AAA Fail

Text on black

5.31:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026