#667018

#667018

Color Values

HEX

#667018

RGB

102, 112, 24

HSL

66.8, 64.7%, 26.7%

HSV

66.8, 78.6%, 43.9%

CMYK

8.9%, 0.0%, 78.6%, 56.1%

OKLCH

0.5197 0.1084 116.1

Properties

Cool Dark Nearest: NCS S 2050-G60Y Olive

Color Harmonies

Complementary

#667018

#221870

Analogous

#704E18

#3A7018

#667018

Triadic

#667018

#186670

#701866

Split Complementary

#667018

#183A70

#4E1870

Tetradic

#667018

#18704E

#221870

#70183A

Color Blindness Simulation

Original

#667018

Protanopia

#6A6A2D

Deuteranopia

#6A6932

Tritanopia

#663E42

Achromatopsia

#686868

CSS Usage

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

Tailwind Shades

50
#FBFCF3
100
#F5F7E3
200
#EDF2C4
300
#E0E99A
400
#D0DE64
500
#BFD22D
600
#99A824
700
#7A861D
800
#606917
900
#464D14
950
#2C300D

Contrast Checker

Text on white

5.39:1

AA Pass AAA Fail

Text on black

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