#3A362C

Dark Yellow

HEX

RGB

HSL

About #3A362C Dark Yellow

#3A362C is a dark yellow color. In the RGB color model, it is composed of 58 red, 54 green, and 44 blue. In the HSL color space, it has a hue of 43°, saturation of 14%, and lightness of 20%.

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

CSS Code

Use #3A362C in your CSS, SCSS, or Tailwind projects.

Color Properties

43°

Hue

14%

Saturation

20%

Lightness

Dark Yellow

Color Harmonies

Colors that work well with #3A362C based on color theory.

Accessibility

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

Aa#3A362C on White
Contrast Ratio12.04:1
AA AA Large AAA
Aa#3A362C on Black
Contrast Ratio1.74:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #3A362C across different color formats.

FormatValue
HEX#3A362C
RGBrgb(58, 54, 44)
HSLhsl(43, 14%, 20%)
RGB Decimal58, 54, 44
RGB Percent22.7%, 21.2%, 17.3%
CMYK (approx.)0%, 7%, 24%, 77%

Related Palettes

12 palettes using #3A362C or similar colors

#231710#43352D#814D2C#8E705D
#221711#483428#7B4D33#916E59
#231013#452C2F#6A4449#905A61
#250E0E#452B2B#773737#995252
#250E0E#452B2B#822B2B#9B5050
#2C3333#2E4F4F#0E8388#CBE4DE
#E7F6F2#A5C9CA#395B64#2C3333
#251A0E#493927#685845#A0784B
#2D3436#636E72#B2BEC3#DFE6E9
#24220F#45432B#767237#959056
#202013#44442C#696945#A0A04A
#1F260D#3E4729#627439#8CAE3D