#7D304D

Rose

HEX

RGB

HSL

About #7D304D Rose

#7D304D is a rose color. In the RGB color model, it is composed of 125 red, 48 green, and 77 blue. In the HSL color space, it has a hue of 337°, saturation of 45%, and lightness of 34%.

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

Use #7D304D in your CSS, SCSS, or Tailwind projects.

Color Properties

337°

Hue

45%

Saturation

34%

Lightness

Rose

Color Harmonies

Colors that work well with #7D304D based on color theory.

Accessibility

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

Aa#7D304D on White
Contrast Ratio8.74:1
AA AA Large AAA
Aa#7D304D on Black
Contrast Ratio2.4:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #7D304D across different color formats.

FormatValue
HEX#7D304D
RGBrgb(125, 48, 77)
HSLhsl(337, 45%, 34%)
RGB Decimal125, 48, 77
RGB Percent49.0%, 18.8%, 30.2%
CMYK (approx.)0%, 62%, 38%, 51%

Related Palettes

12 palettes using #7D304D or similar colors

#240F17#452B35#7D304D#96556D
#201317#531D2E#7B3249#AE3D61
#211216#521F2E#7A3449#AA4060
#7A384C#A64A4E#B0877D#C9B3A1
#23101A#50203A#7B3359#9C4E78
#201318#462A35#743A50#B03B68
#231013#4F2129#783541#A04A5A
#201315#48282D#7E303D#8D5D65
#201315#442C2F#79343E#97545E
#1F141A#521E3B#76375A#9C4F79
#211214#541D24#78353E#9C4F59
#783B59#A54A61#BD7070#C7ACA3