#677516

#677516

Color Values

HEX

#677516

RGB

103, 117, 22

HSL

68.8, 68.3%, 27.3%

HSV

68.8, 81.2%, 45.9%

CMYK

12.0%, 0.0%, 81.2%, 54.1%

OKLCH

0.5329 0.1152 118.1

Properties

Cool Dark Nearest: NCS S 2050-G60Y Olive

Color Harmonies

Complementary

#677516

#241675

Analogous

#755416

#387516

#677516

Triadic

#677516

#166775

#751667

Split Complementary

#677516

#163875

#541675

Tetradic

#677516

#167554

#241675

#751638

Color Blindness Simulation

Original

#677516

Protanopia

#6D6D2D

Deuteranopia

#6C6B32

Tritanopia

#683F43

Achromatopsia

#6B6B6B

CSS Usage

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

Tailwind Shades

50
#FAFCF3
100
#F4F8E3
200
#EDF4C3
300
#DFEC98
400
#CEE160
500
#BDD728
600
#97AC20
700
#79891A
800
#5F6B14
900
#454E13
950
#2C310C

Contrast Checker

Text on white

5.08:1

AA Pass AAA Fail

Text on black

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