#768312

#768312

Color Values

HEX

#768312

RGB

118, 131, 18

HSL

66.9, 75.8%, 29.2%

HSV

66.9, 86.3%, 51.4%

CMYK

9.9%, 0.0%, 86.3%, 48.6%

OKLCH

0.5797 0.1276 116.7

Properties

Cool Light Nearest: olive

Color Harmonies

Complementary

#768312

#1F1283

Analogous

#835712

#3D8312

#768312

Triadic

#768312

#127683

#831276

Split Complementary

#768312

#123D83

#571283

Tetradic

#768312

#128357

#1F1283

#83123D

Color Blindness Simulation

Original

#768312

Protanopia

#7C7C2D

Deuteranopia

#7B7A34

Tritanopia

#774348

Achromatopsia

#787878

CSS Usage

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

Tailwind Shades

50
#FBFCF2
100
#F6F9E2
200
#F0F6C0
300
#E6F093
400
#D8E859
500
#CAE01F
600
#A2B319
700
#818F14
800
#65700F
900
#4A520F
950
#2F330A

Contrast Checker

Text on white

4.18:1

AA Fail AAA Fail

Text on black

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