#4B7F4D

#4B7F4D

Color Values

HEX

#4B7F4D

RGB

75, 127, 77

HSL

122.3, 25.7%, 39.6%

HSV

122.3, 40.9%, 49.8%

CMYK

40.9%, 0.0%, 39.4%, 50.2%

OKLCH

0.5464 0.0947 145.0

Properties

Cool Dark Nearest: RAL 6032 Signal Green

Color Harmonies

Complementary

#4B7F4D

#7F4B7D

Analogous

#637F4B

#4B7F67

#4B7F4D

Triadic

#4B7F4D

#4D4B7F

#7F4D4B

Split Complementary

#4B7F4D

#674B7F

#7F4B63

Tetradic

#4B7F4D

#4B637F

#7F4B7D

#7F674B

Color Blindness Simulation

Original

#4B7F4D

Protanopia

#626259

Deuteranopia

#5E5B5C

Tritanopia

#4E6365

Achromatopsia

#707070

CSS Usage

background-color: #4B7F4D;
color: #4B7F4D;
border-color: #4B7F4D;
Nearest Tailwind: Green 800 #166534

Tailwind Shades

50
#F6F9F6
100
#E9F1EA
200
#D2E4D3
300
#B2D2B3
400
#88B98A
500
#5FA061
600
#4C804E
700
#3D673E
800
#2F5031
900
#253C26
950
#182618

Contrast Checker

Text on white

4.73:1

AA Pass AAA Fail

Text on black

4.44: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