#508270

#508270

Color Values

HEX

#508270

RGB

80, 130, 112

HSL

158.4, 23.8%, 41.2%

HSV

158.4, 38.5%, 51.0%

CMYK

38.5%, 0.0%, 13.8%, 49.0%

OKLCH

0.5656 0.0613 169.2

Properties

Cool Light Nearest: Wintergreen Dream

Color Harmonies

Complementary

#508270

#825062

Analogous

#508257

#507B82

#508270

Triadic

#508270

#705082

#827050

Split Complementary

#508270

#82507B

#825750

Tetradic

#508270

#575082

#825062

#7B8250

Color Blindness Simulation

Original

#508270

Protanopia

#666674

Deuteranopia

#635F75

Tritanopia

#527879

Achromatopsia

#767676

CSS Usage

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

Tailwind Shades

50
#F6F9F8
100
#EAF1EE
200
#D3E4DE
300
#B3D0C6
400
#8AB7A7
500
#619E88
600
#4E7E6D
700
#3E6557
800
#314F44
900
#263B33
950
#182520

Contrast Checker

Text on white

4.4:1

AA Fail AAA Fail

Text on black

4.77:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026