#4D736B

#4D736B

Color Values

HEX

#4D736B

RGB

77, 115, 107

HSL

167.4, 19.8%, 37.6%

HSV

167.4, 33.0%, 45.1%

CMYK

33.0%, 0.0%, 7.0%, 54.9%

OKLCH

0.5245 0.0449 179.8

Properties

Cool Dark Nearest: RAL 6033 Mint Turquoise

Color Harmonies

Complementary

#4D736B

#734D55

Analogous

#4D7358

#4D6873

#4D736B

Triadic

#4D736B

#6B4D73

#736B4D

Split Complementary

#4D736B

#734D68

#73584D

Tetradic

#4D736B

#584D73

#734D55

#68734D

Color Blindness Simulation

Original

#4D736B

Protanopia

#5D5E6D

Deuteranopia

#5B586D

Tritanopia

#4F6E6F

Achromatopsia

#6A6A6A

CSS Usage

background-color: #4D736B;
color: #4D736B;
border-color: #4D736B;
Nearest Tailwind: Teal 800 #115E59

Tailwind Shades

50
#F6F9F8
100
#EAF0EF
200
#D4E2DF
300
#B6CEC9
400
#8EB3AB
500
#66998E
600
#527A72
700
#41625B
800
#334C47
900
#283935
950
#192422

Contrast Checker

Text on white

5.28:1

AA Pass AAA Fail

Text on black

3.98:1

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