#667C04

#667C04

Color Values

HEX

#667C04

RGB

102, 124, 4

HSL

71.0, 93.8%, 25.1%

HSV

71.0, 96.8%, 48.6%

CMYK

17.7%, 0.0%, 96.8%, 51.4%

OKLCH

0.549 0.1308 121.3

Properties

Cool Dark Nearest: olivedrab 4

Color Harmonies

Complementary

#667C04

#1A047C

Analogous

#7C5604

#2A7C04

#667C04

Triadic

#667C04

#04667C

#7C0466

Split Complementary

#667C04

#042A7C

#56047C

Tetradic

#667C04

#047C56

#1A047C

#7C042A

Color Blindness Simulation

Original

#667C04

Protanopia

#707021

Deuteranopia

#6E6D28

Tritanopia

#67383D

Achromatopsia

#6F6F6F

CSS Usage

background-color: #667C04;
color: #667C04;
border-color: #667C04;
Nearest Tailwind: Lime 700 #4D7C0F

Tailwind Shades

50
#FBFDF1
100
#F6FBDF
200
#F1FDBA
300
#E6FB88
400
#D9F948
500
#CBF708
600
#A3C606
700
#829E05
800
#667C04
900
#4A5908
950
#2F3805

Contrast Checker

Text on white

4.72:1

AA Pass AAA Fail

Text on black

4.45:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026