#66720F

#66720F

Color Values

HEX

#66720F

RGB

102, 114, 15

HSL

67.3, 76.7%, 25.3%

HSV

67.3, 86.8%, 44.7%

CMYK

10.5%, 0.0%, 86.8%, 55.3%

OKLCH

0.5242 0.1154 117.0

Properties

Cool Dark Nearest: olive

Color Harmonies

Complementary

#66720F

#1B0F72

Analogous

#724D0F

#34720F

#66720F

Triadic

#66720F

#0F6672

#720F66

Split Complementary

#66720F

#0F3472

#4D0F72

Tetradic

#66720F

#0F724D

#1B0F72

#720F34

Color Blindness Simulation

Original

#66720F

Protanopia

#6B6B27

Deuteranopia

#6A6A2D

Tritanopia

#673A3E

Achromatopsia

#686868

CSS Usage

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

Tailwind Shades

50
#FBFCF2
100
#F6F9E2
200
#F0F7C0
300
#E5F193
400
#D7E958
500
#C9E11E
600
#A1B418
700
#819013
800
#65710F
900
#4A520F
950
#2F3409

Contrast Checker

Text on white

5.28:1

AA Pass AAA Fail

Text on black

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