#787E02

#787E02

Color Values

HEX

#787E02

RGB

120, 126, 2

HSL

62.9, 96.9%, 25.1%

HSV

62.9, 98.4%, 49.4%

CMYK

4.8%, 0.0%, 98.4%, 50.6%

OKLCH

0.5688 0.1263 113.1

Properties

Cool Light Nearest: olive

Color Harmonies

Complementary

#787E02

#08027E

Analogous

#7E4602

#3A7E02

#787E02

Triadic

#787E02

#02787E

#7E0278

Split Complementary

#787E02

#023A7E

#46027E

Tetradic

#787E02

#027E46

#08027E

#7E023A

Color Blindness Simulation

Original

#787E02

Protanopia

#7B7B20

Deuteranopia

#7A7A27

Tritanopia

#78383D

Achromatopsia

#747474

CSS Usage

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

Tailwind Shades

50
#FDFEF1
100
#FAFCDE
200
#FBFEB9
300
#F7FD86
400
#F3FC45
500
#EFFB04
600
#BFC903
700
#99A103
800
#787E02
900
#575B06
950
#373904

Contrast Checker

Text on white

4.39:1

AA Fail AAA Fail

Text on black

4.78:1

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