#767318

#767318

Color Values

HEX

#767318

RGB

118, 115, 24

HSL

58.1, 66.2%, 27.8%

HSV

58.1, 79.7%, 46.3%

CMYK

0.0%, 2.5%, 79.7%, 53.7%

OKLCH

0.5415 0.1073 107.5

Properties

Warm Dark Nearest: olive

Color Harmonies

Complementary

#767318

#181B76

Analogous

#764418

#4A7618

#767318

Triadic

#767318

#187673

#731876

Split Complementary

#767318

#184A76

#441876

Tetradic

#767318

#187644

#181B76

#76184A

Color Blindness Simulation

Original

#767318

Protanopia

#75752E

Deuteranopia

#757533

Tritanopia

#763F43

Achromatopsia

#6D6D6D

CSS Usage

background-color: #767318;
color: #767318;
border-color: #767318;
Nearest Tailwind: Lime 800 #3F6212

Tailwind Shades

50
#FCFBF3
100
#F7F7E3
200
#F3F1C4
300
#EAE899
400
#DFDB62
500
#D4CF2B
600
#AAA522
700
#88841C
800
#6A6716
900
#4D4B14
950
#31300C

Contrast Checker

Text on white

4.96:1

AA Pass AAA Fail

Text on black

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