#419672

#419672

Color Values

HEX

#419672

RGB

65, 150, 114

HSL

154.6, 39.5%, 42.2%

HSV

154.6, 56.7%, 58.8%

CMYK

56.7%, 0.0%, 24.0%, 41.2%

OKLCH

0.6105 0.0999 163.1

Properties

Cool Light Nearest: Illuminating Emerald

Color Harmonies

Complementary

#419672

#964165

Analogous

#419648

#419096

#419672

Triadic

#419672

#724196

#967241

Split Complementary

#419672

#964190

#964841

Tetradic

#419672

#484196

#964165

#909641

Color Blindness Simulation

Original

#419672

Protanopia

#66677B

Deuteranopia

#615A7D

Tritanopia

#458283

Achromatopsia

#818181

CSS Usage

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

Tailwind Shades

50
#F5FAF8
100
#E7F3EE
200
#CDE9DD
300
#AADAC6
400
#7BC6A6
500
#4DB287
600
#3E8E6C
700
#317257
800
#275944
900
#1F4233
950
#142920

Contrast Checker

Text on white

3.6:1

AA Fail AAA Fail

Text on black

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