#4D6152

#4D6152

Color Values

HEX

#4D6152

RGB

77, 97, 82

HSL

135.0, 11.5%, 34.1%

HSV

135.0, 20.6%, 38.0%

CMYK

20.6%, 0.0%, 15.5%, 62.0%

OKLCH

0.4713 0.0342 152.6

Properties

Cool Dark Nearest: RAL 7009 Green Grey

Color Harmonies

Complementary

#4D6152

#614D5C

Analogous

#52614D

#4D615C

#4D6152

Triadic

#4D6152

#524D61

#61524D

Split Complementary

#4D6152

#5C4D61

#614D52

Tetradic

#4D6152

#4D5261

#614D5C

#615C4D

Color Blindness Simulation

Original

#4D6152

Protanopia

#565656

Deuteranopia

#545356

Tritanopia

#4E5859

Achromatopsia

#5C5C5C

CSS Usage

background-color: #4D6152;
color: #4D6152;
border-color: #4D6152;
Nearest Tailwind: Stone 600 #57534E

Tailwind Shades

50
#F7F8F7
100
#EBEFEC
200
#D7DFD9
300
#BBC9BE
400
#96AC9B
500
#718E78
600
#5A7260
700
#485B4D
800
#38473C
900
#2B352E
950
#1B221D

Contrast Checker

Text on white

6.67:1

AA Pass AAA Fail

Text on black

3.15:1

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