#768309

#768309

Color Values

HEX

#768309

RGB

118, 131, 9

HSL

66.4, 87.1%, 27.5%

HSV

66.4, 93.1%, 51.4%

CMYK

9.9%, 0.0%, 93.1%, 48.6%

OKLCH

0.5794 0.1305 116.6

Properties

Cool Light Nearest: olive

Color Harmonies

Complementary

#768309

#160983

Analogous

#835309

#398309

#768309

Triadic

#768309

#097683

#830976

Split Complementary

#768309

#093983

#530983

Tetradic

#768309

#098353

#160983

#830939

Color Blindness Simulation

Original

#768309

Protanopia

#7C7C26

Deuteranopia

#7B7A2E

Tritanopia

#773E43

Achromatopsia

#777777

CSS Usage

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

Tailwind Shades

50
#FCFDF2
100
#F8FAE0
200
#F4FABC
300
#ECF78C
400
#E1F34E
500
#D7EF10
600
#ACBF0D
700
#8A990B
800
#6B7708
900
#4E560A
950
#313707

Contrast Checker

Text on white

4.18:1

AA Fail AAA Fail

Text on black

5.02:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026