#50936D

#50936D

Color Values

HEX

#50936D

RGB

80, 147, 109

HSL

146.0, 29.5%, 44.5%

HSV

146.0, 45.6%, 57.6%

CMYK

45.6%, 0.0%, 25.9%, 42.4%

OKLCH

0.6079 0.0905 157.4

Properties

Cool Light Nearest: aquamarine 4

Color Harmonies

Complementary

#50936D

#935076

Analogous

#549350

#50938E

#50936D

Triadic

#50936D

#6D5093

#936D50

Split Complementary

#50936D

#8E5093

#935054

Tetradic

#50936D

#505493

#935076

#938E50

Color Blindness Simulation

Original

#50936D

Protanopia

#6D6E76

Deuteranopia

#696478

Tritanopia

#537D7F

Achromatopsia

#828282

CSS Usage

background-color: #50936D;
color: #50936D;
border-color: #50936D;
Nearest Tailwind: Emerald 700 #047857

Tailwind Shades

50
#F5F9F7
100
#E9F2ED
200
#D1E6DA
300
#B0D4BF
400
#85BC9D
500
#5AA57A
600
#488462
700
#3A6A4E
800
#2D533D
900
#243D2F
950
#16271E

Contrast Checker

Text on white

3.66:1

AA Fail AAA Fail

Text on black

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