#666706

#666706

Color Values

HEX

#666706

RGB

102, 103, 6

HSL

60.6, 89.0%, 21.4%

HSV

60.6, 94.2%, 40.4%

CMYK

1.0%, 0.0%, 94.2%, 59.6%

OKLCH

0.4966 0.1065 110.4

Properties

Cool Dark Nearest: olive

Color Harmonies

Complementary

#666706

#070667

Analogous

#673806

#366706

#666706

Triadic

#666706

#066667

#670666

Split Complementary

#666706

#063667

#380667

Tetradic

#666706

#066738

#070667

#670636

Color Blindness Simulation

Original

#666706

Protanopia

#66661D

Deuteranopia

#666623

Tritanopia

#663034

Achromatopsia

#606060

CSS Usage

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

Tailwind Shades

50
#FDFDF2
100
#FAFBE0
200
#FAFBBC
300
#F7F88B
400
#F3F54D
500
#EFF10E
600
#BFC10B
700
#999A09
800
#777807
900
#56570A
950
#373706

Contrast Checker

Text on white

5.99:1

AA Pass AAA Fail

Text on black

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