#C4548A

Rose

HEX

RGB

HSL

About #C4548A Rose

#C4548A is a rose color. In the RGB color model, it is composed of 196 red, 84 green, and 138 blue. In the HSL color space, it has a hue of 331°, saturation of 49%, and lightness of 55%.

This color has a medium lightness value, making it a balanced tone ideal for both text and UI elements. With moderate saturation, it appears balanced and versatile.

CSS Code

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

Color Properties

331°

Hue

49%

Saturation

55%

Lightness

Rose

Color Harmonies

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

Accessibility

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

Aa#C4548A on White
Contrast Ratio4.21:1
AA AA Large AAA
Aa#C4548A on Black
Contrast Ratio4.98:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #C4548A across different color formats.

FormatValue
HEX#C4548A
RGBrgb(196, 84, 138)
HSLhsl(331, 49%, 55%)
RGB Decimal196, 84, 138
RGB Percent76.9%, 32.9%, 54.1%
CMYK (approx.)0%, 57%, 30%, 23%

Related Palettes

12 palettes using #C4548A or similar colors

#6361D1#BD74D2#C2598C#CA8E78
#5CB1CB#686AD5#AD6EC4#C34B89
#514FC1#AC66C2#BE4F85#D28A70
#BC4F89#D3856F#C8C570#71CB4D
#5EB2CE#5F5FC2#AE61C8#BF5E8F
#4990C3#533CCA#B74FC1#C35E7F
#C74C98#CE6555#B6AA52#76BE4D
#B96CCA#C0648C#C68A6F#BEC46B
#7A87D0#8E41C1#C1559B#C1736B
#5646BD#C250D1#C76589#CF916B
#5E60C1#B06CC8#BF6392#C97860
#9C4BBC#C84289#CC5635#BEBB66