#666B1F

#666B1F

Color Values

HEX

#666B1F

RGB

102, 107, 31

HSL

63.9, 55.1%, 27.1%

HSV

63.9, 71.0%, 42.0%

CMYK

4.7%, 0.0%, 71.0%, 58.0%

OKLCH

0.5079 0.0976 113.0

Properties

Cool Dark Nearest: darkolivegreen

Color Harmonies

Complementary

#666B1F

#241F6B

Analogous

#6B4A1F

#406B1F

#666B1F

Triadic

#666B1F

#1F666B

#6B1F66

Split Complementary

#666B1F

#1F406B

#4A1F6B

Tetradic

#666B1F

#1F6B4A

#241F6B

#6B1F40

Color Blindness Simulation

Original

#666B1F

Protanopia

#686831

Deuteranopia

#686836

Tritanopia

#664043

Achromatopsia

#646464

CSS Usage

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

Tailwind Shades

50
#FAFBF4
100
#F4F6E5
200
#ECEFC8
300
#DFE4A0
400
#CED56D
500
#BDC639
600
#979E2E
700
#797F25
800
#5E631D
900
#454818
950
#2C2E0F

Contrast Checker

Text on white

5.69:1

AA Pass AAA Fail

Text on black

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