#4D7F68

#4D7F68

Color Values

HEX

#4D7F68

RGB

77, 127, 104

HSL

152.4, 24.5%, 40.0%

HSV

152.4, 39.4%, 49.8%

CMYK

39.4%, 0.0%, 18.1%, 50.2%

OKLCH

0.554 0.0654 163.4

Properties

Cool Dark Nearest: aquamarine 4

Color Harmonies

Complementary

#4D7F68

#7F4D64

Analogous

#4D7F4F

#4D7D7F

#4D7F68

Triadic

#4D7F68

#684D7F

#7F684D

Split Complementary

#4D7F68

#7F4D7D

#7F4F4D

Tetradic

#4D7F68

#4F4D7F

#7F4D64

#7D7F4D

Color Blindness Simulation

Original

#4D7F68

Protanopia

#63636E

Deuteranopia

#605C6F

Tritanopia

#4F7273

Achromatopsia

#737373

CSS Usage

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

Tailwind Shades

50
#F6F9F7
100
#E9F1ED
200
#D3E4DC
300
#B3D1C3
400
#8AB8A2
500
#609F82
600
#4D7F68
700
#3E6653
800
#304F41
900
#263B31
950
#18251F

Contrast Checker

Text on white

4.61:1

AA Pass AAA Fail

Text on black

4.55:1

AA Pass 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