#419C7C

#419C7C

Color Values

HEX

#419C7C

RGB

65, 156, 124

HSL

158.9, 41.2%, 43.3%

HSV

158.9, 58.3%, 61.2%

CMYK

58.3%, 0.0%, 20.5%, 38.8%

OKLCH

0.6287 0.1001 167.1

Properties

Cool Light Nearest: Illuminating Emerald

Color Harmonies

Complementary

#419C7C

#9C4161

Analogous

#419C4E

#418E9C

#419C7C

Triadic

#419C7C

#7C419C

#9C7C41

Split Complementary

#419C7C

#9C418E

#9C4E41

Tetradic

#419C7C

#4E419C

#9C4161

#8E9C41

Color Blindness Simulation

Original

#419C7C

Protanopia

#686984

Deuteranopia

#635C86

Tritanopia

#468A8B

Achromatopsia

#868686

CSS Usage

background-color: #419C7C;
color: #419C7C;
border-color: #419C7C;
Nearest Tailwind: Emerald 600 #059669

Tailwind Shades

50
#F5FAF8
100
#E7F3EF
200
#CDEAE0
300
#A9DBC9
400
#7AC8AC
500
#4BB48F
600
#3C9072
700
#30735C
800
#255A48
900
#1E4236
950
#132A22

Contrast Checker

Text on white

3.35:1

AA Fail AAA Fail

Text on black

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