#666A09

#666A09

Color Values

HEX

#666A09

RGB

102, 106, 9

HSL

62.5, 84.3%, 22.5%

HSV

62.5, 91.5%, 41.6%

CMYK

3.8%, 0.0%, 91.5%, 58.4%

OKLCH

0.5041 0.1086 112.3

Properties

Cool Dark Nearest: olive

Color Harmonies

Complementary

#666A09

#0D096A

Analogous

#6A3D09

#356A09

#666A09

Triadic

#666A09

#09666A

#6A0966

Split Complementary

#666A09

#09356A

#3D096A

Tetradic

#666A09

#096A3D

#0D096A

#6A0935

Color Blindness Simulation

Original

#666A09

Protanopia

#686820

Deuteranopia

#686726

Tritanopia

#663337

Achromatopsia

#626262

CSS Usage

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

Tailwind Shades

50
#FCFDF2
100
#F9FAE0
200
#F7F9BD
300
#F1F58E
400
#EAF051
500
#E2EB14
600
#B5BC10
700
#91960D
800
#71750A
900
#52550C
950
#343607

Contrast Checker

Text on white

5.78:1

AA Pass AAA Fail

Text on black

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