#677117

#677117

Color Values

HEX

#677117

RGB

103, 113, 23

HSL

66.7, 66.2%, 26.7%

HSV

66.7, 79.6%, 44.3%

CMYK

8.8%, 0.0%, 79.6%, 55.7%

OKLCH

0.523 0.1099 116.0

Properties

Cool Dark Nearest: NCS S 2050-G60Y Olive

Color Harmonies

Complementary

#677117

#211771

Analogous

#714E17

#3A7117

#677117

Triadic

#677117

#176771

#711767

Split Complementary

#677117

#173A71

#4E1771

Tetradic

#677117

#17714E

#211771

#71173A

Color Blindness Simulation

Original

#677117

Protanopia

#6B6B2D

Deuteranopia

#6B6A32

Tritanopia

#683E42

Achromatopsia

#686868

CSS Usage

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

Tailwind Shades

50
#FBFCF3
100
#F5F7E3
200
#EEF3C4
300
#E1EA99
400
#D1DF62
500
#C1D42B
600
#9AAA22
700
#7C881C
800
#616A16
900
#474D14
950
#2D310C

Contrast Checker

Text on white

5.31:1

AA Pass AAA Fail

Text on black

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