#767017

#767017

Color Values

HEX

#767017

RGB

118, 112, 23

HSL

56.2, 67.4%, 27.6%

HSV

56.2, 80.5%, 46.3%

CMYK

0.0%, 5.1%, 80.5%, 53.7%

OKLCH

0.5344 0.1049 105.4

Properties

Warm Dark Nearest: gold 4

Color Harmonies

Complementary

#767017

#171D76

Analogous

#764017

#4C7617

#767017

Triadic

#767017

#177670

#701776

Split Complementary

#767017

#174C76

#401776

Tetradic

#767017

#177640

#171D76

#76174C

Color Blindness Simulation

Original

#767017

Protanopia

#73732D

Deuteranopia

#747432

Tritanopia

#763E41

Achromatopsia

#6B6B6B

CSS Usage

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

Tailwind Shades

50
#FCFBF3
100
#F7F6E3
200
#F3F0C3
300
#EBE699
400
#E0D861
500
#D5CB2A
600
#ABA221
700
#89821B
800
#6B6515
900
#4E4A13
950
#312F0C

Contrast Checker

Text on white

5.12:1

AA Pass AAA Fail

Text on black

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