#66700F

#66700F

Color Values

HEX

#66700F

RGB

102, 112, 15

HSL

66.2, 76.4%, 24.9%

HSV

66.2, 86.6%, 43.9%

CMYK

8.9%, 0.0%, 86.6%, 56.1%

OKLCH

0.5192 0.1131 115.9

Properties

Cool Dark Nearest: olive

Color Harmonies

Complementary

#66700F

#190F70

Analogous

#704A0F

#35700F

#66700F

Triadic

#66700F

#0F6670

#700F66

Split Complementary

#66700F

#0F3570

#4A0F70

Tetradic

#66700F

#0F704A

#190F70

#700F35

Color Blindness Simulation

Original

#66700F

Protanopia

#6A6A26

Deuteranopia

#6A692C

Tritanopia

#66393D

Achromatopsia

#676767

CSS Usage

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

Tailwind Shades

50
#FBFCF2
100
#F6F9E2
200
#F1F7C0
300
#E7F193
400
#DAE959
500
#CDE11E
600
#A4B418
700
#839013
800
#66700F
900
#4B520F
950
#2F340A

Contrast Checker

Text on white

5.4:1

AA Pass AAA Fail

Text on black

3.89:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026