#666600

Dark Yellow

HEX

RGB

HSL

About #666600 Dark Yellow

#666600 is a dark yellow color. In the RGB color model, it is composed of 102 red, 102 green, and 0 blue. In the HSL color space, it has a hue of 60°, saturation of 100%, and lightness of 20%.

This color has a low lightness value, making it a dark color great for text and bold accents. With high saturation, it appears vibrant and eye-catching.

CSS Code

Use #666600 in your CSS, SCSS, or Tailwind projects.

Color Properties

60°

Hue

100%

Saturation

20%

Lightness

Dark Yellow

Color Harmonies

Colors that work well with #666600 based on color theory.

Accessibility

WCAG 2.1 contrast ratio of #666600 against white and black backgrounds.

Aa#666600 on White
Contrast Ratio6.06:1
AA AA Large AAA
Aa#666600 on Black
Contrast Ratio3.47:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #666600 across different color formats.

FormatValue
HEX#666600
RGBrgb(102, 102, 0)
HSLhsl(60, 100%, 20%)
RGB Decimal102, 102, 0
RGB Percent40.0%, 40.0%, 0.0%
CMYK (approx.)0%, 0%, 100%, 60%

Related Palettes

12 palettes using #666600 or similar colors

#F4DFB6#DE8F5F#9E6F21#644E19
#1E280B#3A481E#5B7722#738D3F
#F2E5BF#CB8A58#8A4F3D#61481C
#1E2013#4B511F#686F3F#949F4B
#1E2112#46521E#616B43#8B9E4D
#182211#304422#447623#5C9A32
#665D33#8C9056#A2B082#BDD0AF
#1F1D14#4E4722#7D7030#968B54
#221E11#4B4226#816E2C#938558
#241F0F#4E4422#6A6143#AC933E
#1F2013#444928#76812C#929C4E
#1F250E#3F4B1B#586435#7E9735