#2F3116

Dark Yellow

HEX

RGB

HSL

About #2F3116 Dark Yellow

#2F3116 is a dark yellow color. In the RGB color model, it is composed of 47 red, 49 green, and 22 blue. In the HSL color space, it has a hue of 64°, saturation of 38%, and lightness of 14%.

This color has a low lightness value, making it a dark color great for text and bold accents. With moderate saturation, it appears balanced and versatile.

CSS Code & Gradients

Use #2F3116 in your CSS, SCSS, or Tailwind projects. Copy ready-to-use gradients.

Beautiful Gradients

Color Properties

64°

Hue

38%

Saturation

14%

Lightness

Dark Yellow

Color Harmonies

Colors that work well with #2F3116 based on color theory.

Accessibility

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

Aa#2F3116 on White
Contrast Ratio13.36:1
AA AA Large AAA
Aa#2F3116 on Black
Contrast Ratio1.57:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #2F3116 across different color formats.

FormatValue
HEX#2F3116
RGBrgb(47, 49, 22)
HSLhsl(64, 38%, 14%)
RGB Decimal47, 49, 22
RGB Percent18.4%, 19.2%, 8.6%
CMYK (approx.)4%, 0%, 55%, 81%

Related Palettes

12 palettes using #2F3116 or similar colors

#25250E#51511F#81812D#9D9D4E
#24220F#45432B#767237#959056
#232210#4C4824#6E6A40#A29B48
#1F260D#3E4729#627439#8CAE3D
#1F260D#434F21#697F2F#859753
#1F250E#3F4B1B#586435#7E9735
#1E280B#3A481E#5B7722#738D3F
#2B2B2B#423F3E#706C61#C8B6A6
#241F0F#4E4422#6A6143#AC933E
#1E250E#404B25#667C32#819357
#182211#304422#447623#5C9A32
#202013#44442C#696945#A0A04A