#311B22

Dark Rose

HEX

RGB

HSL

About #311B22 Dark Rose

#311B22 is a dark rose color. In the RGB color model, it is composed of 49 red, 27 green, and 34 blue. In the HSL color space, it has a hue of 341°, saturation of 29%, and lightness of 15%.

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 #311B22 in your CSS, SCSS, or Tailwind projects.

Color Properties

341°

Hue

29%

Saturation

15%

Lightness

Dark Rose

Color Harmonies

Colors that work well with #311B22 based on color theory.

Accessibility

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

Aa#311B22 on White
Contrast Ratio16.02:1
AA AA Large AAA
Aa#311B22 on Black
Contrast Ratio1.31:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #311B22 across different color formats.

FormatValue
HEX#311B22
RGBrgb(49, 27, 34)
HSLhsl(341, 29%, 15%)
RGB Decimal49, 27, 34
RGB Percent19.2%, 10.6%, 13.3%
CMYK (approx.)0%, 45%, 31%, 81%

Related Palettes

12 palettes using #311B22 or similar colors

#240F22#4D2349#6C4169#A7439F
#240F22#4E224B#6E406A#A04A99
#231021#482845#6D4069#A6459C
#240F1E#541C44#773665#965484
#240F1D#4C243F#753962#A64587
#22111E#482840#793468#9E4C8A
#22111C#452B3C#7E2F64#92597F
#20131E#51204C#7C3175#965490
#2B2B2B#423F3E#706C61#C8B6A6
#230E25#442A47#664469#8A5D8E
#1F1320#432C44#79307E#9A4B9F
#1F1320#47264B#782F7E#994AA1