#788313

#788313

Color Values

HEX

#788313

RGB

120, 131, 19

HSL

65.9, 74.7%, 29.4%

HSV

65.9, 85.5%, 51.4%

CMYK

8.4%, 0.0%, 85.5%, 48.6%

OKLCH

0.5814 0.1265 115.6

Properties

Cool Light Nearest: olive

Color Harmonies

Complementary

#788313

#1E1383

Analogous

#835613

#408313

#788313

Triadic

#788313

#137883

#831378

Split Complementary

#788313

#134083

#561383

Tetradic

#788313

#138356

#1E1383

#831340

Color Blindness Simulation

Original

#788313

Protanopia

#7D7D2E

Deuteranopia

#7C7B35

Tritanopia

#794448

Achromatopsia

#797979

CSS Usage

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

Tailwind Shades

50
#FBFCF2
100
#F6F8E2
200
#F1F6C1
300
#E7F094
400
#D9E75A
500
#CCDF20
600
#A3B21A
700
#838F15
800
#666F10
900
#4B5110
950
#2F330A

Contrast Checker

Text on white

4.15:1

AA Fail AAA Fail

Text on black

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