#4D6F08

#4D6F08

Color Values

HEX

#4D6F08

RGB

77, 111, 8

HSL

79.8, 86.6%, 23.3%

HSV

79.8, 92.8%, 43.5%

CMYK

30.6%, 0.0%, 92.8%, 56.5%

OKLCH

0.4971 0.1265 128.0

Properties

Cool Dark Nearest: NCS S 2050-G60Y Olive

Color Harmonies

Complementary

#4D6F08

#2A086F

Analogous

#6F5D08

#196F08

#4D6F08

Triadic

#4D6F08

#084D6F

#6F084D

Split Complementary

#4D6F08

#08196F

#5D086F

Tetradic

#4D6F08

#086F5D

#2A086F

#6F0819

Color Blindness Simulation

Original

#4D6F08

Protanopia

#5C5C21

Deuteranopia

#5A5727

Tritanopia

#4F3539

Achromatopsia

#606060

CSS Usage

background-color: #4D6F08;
color: #4D6F08;
border-color: #4D6F08;
Nearest Tailwind: Lime 700 #4D7C0F

Tailwind Shades

50
#F9FDF2
100
#F2FAE0
200
#E6FABC
300
#D4F78D
400
#BCF24F
500
#A5EE11
600
#84BE0E
700
#6A980B
800
#537709
900
#3D560B
950
#273607

Contrast Checker

Text on white

5.84:1

AA Pass AAA Fail

Text on black

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