#666600

A dark, vivid yellow closely aligning with Olive.

About #666600

The precise color #666600 is an excellent choice for modern design projects. Its closest recognized web color is Olive. To achieve this exact tint on a monitor, you would use an RGB mix of 102, 102, and 0.

For print applications, it's crucial to understand its CMYK makeup. The color uses 0% Cyan, 0% Magenta, 100% Yellow, and 60% Black. This makes it a relatively dark color when applied to physical surfaces.

Ensuring your text is legible against this background is a key part of web design. The calculated luminance score dictates that #FFFFFF typography is the safest choice. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#666600
RGB102, 102, 0
HSL60.0°, 100.0%, 20.0%
CMYK0%, 0%, 100%, 60%
HSV60.0°, 100.0%, 40.0%
LAB41.7, -11.0, 48.2
XYZ10.2, 12.3, 1.8
Decimal6710784

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

6.06:1
Text on #FFFFFF
AA
3.47:1
Text on #000000
AA Large
5.79:1
Text on #F8FAFC
AA
2.95:1
Text on #0F172A
FAIL

CSS Implementation

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

Similar Colors

Olive
#808000