#667017

#667017

Color Values

HEX

#667017

RGB

102, 112, 23

HSL

66.7, 65.9%, 26.5%

HSV

66.7, 79.5%, 43.9%

CMYK

8.9%, 0.0%, 79.5%, 56.1%

OKLCH

0.5197 0.109 116.0

Properties

Cool Dark Nearest: NCS S 2050-G60Y Olive

Color Harmonies

Complementary

#667017

#211770

Analogous

#704E17

#3A7017

#667017

Triadic

#667017

#176670

#701766

Split Complementary

#667017

#173A70

#4E1770

Tetradic

#667017

#17704E

#211770

#70173A

Color Blindness Simulation

Original

#667017

Protanopia

#6A6A2D

Deuteranopia

#6A6932

Tritanopia

#663E41

Achromatopsia

#676767

CSS Usage

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

Tailwind Shades

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

Contrast Checker

Text on white

5.39:1

AA Pass AAA Fail

Text on black

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