#66660F

A dark, vivid yellow closely aligning with Olive.

About #66660F

When working with digital screens, the color #66660F is rendered by mixing light. It is closely associated with the named CSS color Olive. To achieve this exact tint on a monitor, you would use an RGB mix of 102, 102, and 15.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). This specific hue requires a mix of 0% C, 0% M, 85% Y, and 60% K. This makes it a relatively dark color when applied to physical surfaces.

From a UX and accessibility standpoint, contrast is paramount. The calculated luminance score dictates that #FFFFFF typography is the safest choice. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#66660F
RGB102, 102, 15
HSL60.0°, 74.4%, 22.9%
CMYK0%, 0%, 85%, 60%
HSV60.0°, 85.3%, 40.0%
LAB41.8, -10.6, 44.4
XYZ10.3, 12.4, 2.3
Decimal6710799

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

6.05:1
Text on #FFFFFF
AA
3.47:1
Text on #000000
AA Large
5.78:1
Text on #F8FAFC
AA
2.95:1
Text on #0F172A
FAIL

CSS Implementation

.bg-color { background-color: #66660F; }
.text-color { color: #66660F; }
.border-color { border: 2px solid #66660F; }

Similar Colors

Olive
#808000