#50816E

#50816E

Color Values

HEX

#50816E

RGB

80, 129, 110

HSL

156.7, 23.4%, 41.0%

HSV

156.7, 38.0%, 50.6%

CMYK

38.0%, 0.0%, 14.7%, 49.4%

OKLCH

0.5624 0.0613 167.6

Properties

Cool Light Nearest: Wintergreen Dream

Color Harmonies

Complementary

#50816E

#815063

Analogous

#508156

#507C81

#50816E

Triadic

#50816E

#6E5081

#816E50

Split Complementary

#50816E

#81507C

#815650

Tetradic

#50816E

#565081

#815063

#7C8150

Color Blindness Simulation

Original

#50816E

Protanopia

#656673

Deuteranopia

#625F74

Tritanopia

#527677

Achromatopsia

#757575

CSS Usage

background-color: #50816E;
color: #50816E;
border-color: #50816E;
Nearest Tailwind: Teal 700 #0F766E

Tailwind Shades

50
#F6F9F8
100
#EAF1EE
200
#D3E4DD
300
#B3D0C5
400
#8BB7A6
500
#629D86
600
#4E7E6B
700
#3F6556
800
#314F43
900
#263B33
950
#182520

Contrast Checker

Text on white

4.46:1

AA Fail AAA Fail

Text on black

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