#509668

#509668

Color Values

HEX

#509668

RGB

80, 150, 104

HSL

140.6, 30.4%, 45.1%

HSV

140.6, 46.7%, 58.8%

CMYK

46.7%, 0.0%, 30.7%, 41.2%

OKLCH

0.6144 0.1001 153.6

Properties

Cool Light Nearest: seagreen

Color Harmonies

Complementary

#509668

#96507E

Analogous

#5B9650

#50968B

#509668

Triadic

#509668

#685096

#966850

Split Complementary

#509668

#8B5096

#96505B

Tetradic

#509668

#505B96

#96507E

#968B50

Color Blindness Simulation

Original

#509668

Protanopia

#6E6F73

Deuteranopia

#6A6576

Tritanopia

#547C7E

Achromatopsia

#848484

CSS Usage

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

Tailwind Shades

50
#F5F9F7
100
#E9F2EC
200
#D0E6D8
300
#AFD4BC
400
#84BD98
500
#59A673
600
#47855C
700
#396A4A
800
#2C533A
900
#233E2C
950
#16271C

Contrast Checker

Text on white

3.56:1

AA Fail AAA Fail

Text on black

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