#507C69

#507C69

Color Values

HEX

#507C69

RGB

80, 124, 105

HSL

154.1, 21.6%, 40.0%

HSV

154.1, 35.5%, 48.6%

CMYK

35.5%, 0.0%, 15.3%, 51.4%

OKLCH

0.5483 0.0573 165.4

Properties

Cool Dark Nearest: Wintergreen Dream

Color Harmonies

Complementary

#507C69

#7C5063

Analogous

#507C53

#50797C

#507C69

Triadic

#507C69

#69507C

#7C6950

Split Complementary

#507C69

#7C5079

#7C5350

Tetradic

#507C69

#53507C

#7C5063

#797C50

Color Blindness Simulation

Original

#507C69

Protanopia

#63636E

Deuteranopia

#605D6F

Tritanopia

#527172

Achromatopsia

#717171

CSS Usage

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

Tailwind Shades

50
#F6F9F8
100
#EAF0EE
200
#D4E3DC
300
#B5CFC4
400
#8CB5A3
500
#649B83
600
#507C69
700
#406354
800
#324E42
900
#273A32
950
#19251F

Contrast Checker

Text on white

4.74:1

AA Pass AAA Fail

Text on black

4.43:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026