#419B6F

#419B6F

Color Values

HEX

#419B6F

RGB

65, 155, 111

HSL

150.7, 40.9%, 43.1%

HSV

150.7, 58.1%, 60.8%

CMYK

58.1%, 0.0%, 28.4%, 39.2%

OKLCH

0.6227 0.1098 159.4

Properties

Cool Light Nearest: seagreen

Color Harmonies

Complementary

#419B6F

#9B416D

Analogous

#419B42

#419A9B

#419B6F

Triadic

#419B6F

#6F419B

#9B6F41

Split Complementary

#419B6F

#9B419A

#9B4241

Tetradic

#419B6F

#42419B

#9B416D

#9A9B41

Color Blindness Simulation

Original

#419B6F

Protanopia

#68697A

Deuteranopia

#635C7C

Tritanopia

#468284

Achromatopsia

#858585

CSS Usage

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

Tailwind Shades

50
#F5FAF7
100
#E7F3ED
200
#CDEADC
300
#A9DBC2
400
#7AC7A2
500
#4BB481
600
#3C9067
700
#307352
800
#265A40
900
#1F4231
950
#132A1F

Contrast Checker

Text on white

3.42:1

AA Fail AAA Fail

Text on black

6.14:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026