#66671C

#66671C

Color Values

HEX

#66671C

RGB

102, 103, 28

HSL

60.8, 57.3%, 25.7%

HSV

60.8, 72.8%, 40.4%

CMYK

1.0%, 0.0%, 72.8%, 59.6%

OKLCH

0.4978 0.0951 110.2

Properties

Cool Dark Nearest: darkolivegreen

Color Harmonies

Complementary

#66671C

#1D1C67

Analogous

#67431C

#41671C

#66671C

Triadic

#66671C

#1C6667

#671C66

Split Complementary

#66671C

#1C4167

#431C67

Tetradic

#66671C

#1C6743

#1D1C67

#671C41

Color Blindness Simulation

Original

#66671C

Protanopia

#66662E

Deuteranopia

#666632

Tritanopia

#663C40

Achromatopsia

#616161

CSS Usage

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

Tailwind Shades

50
#FBFBF4
100
#F6F6E4
200
#EFF0C7
300
#E4E59F
400
#D5D76B
500
#C7C936
600
#9FA02C
700
#7F8023
800
#63641B
900
#494917
950
#2E2E0F

Contrast Checker

Text on white

5.96:1

AA Pass AAA Fail

Text on black

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