#419C7D

#419C7D

Color Values

HEX

#419C7D

RGB

65, 156, 125

HSL

159.6, 41.2%, 43.3%

HSV

159.6, 58.3%, 61.2%

CMYK

58.3%, 0.0%, 19.9%, 38.8%

OKLCH

0.629 0.0994 167.8

Properties

Cool Light Nearest: Illuminating Emerald

Color Harmonies

Complementary

#419C7D

#9C4160

Analogous

#419C4F

#418D9C

#419C7D

Triadic

#419C7D

#7D419C

#9C7D41

Split Complementary

#419C7D

#9C418D

#9C4F41

Tetradic

#419C7D

#4F419C

#9C4160

#8D9C41

Color Blindness Simulation

Original

#419C7D

Protanopia

#686984

Deuteranopia

#635C86

Tritanopia

#468A8C

Achromatopsia

#868686

CSS Usage

background-color: #419C7D;
color: #419C7D;
border-color: #419C7D;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F5FAF8
100
#E7F3EF
200
#CDEAE0
300
#A9DBCA
400
#7AC8AD
500
#4BB490
600
#3C9073
700
#30735C
800
#255A48
900
#1E4236
950
#132A22

Contrast Checker

Text on white

3.35:1

AA Fail AAA Fail

Text on black

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