#AF4B76

Rose

HEX

RGB

HSL

About #AF4B76 Rose

#AF4B76 is a rose color. In the RGB color model, it is composed of 175 red, 75 green, and 118 blue. In the HSL color space, it has a hue of 334°, saturation of 40%, and lightness of 49%.

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

Color Properties

334°

Hue

40%

Saturation

49%

Lightness

Rose

Color Harmonies

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

Accessibility

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

Aa#AF4B76 on White
Contrast Ratio5.13:1
AA AA Large AAA
Aa#AF4B76 on Black
Contrast Ratio4.09:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #AF4B76 across different color formats.

FormatValue
HEX#AF4B76
RGBrgb(175, 75, 118)
HSLhsl(334, 40%, 49%)
RGB Decimal175, 75, 118
RGB Percent68.6%, 29.4%, 46.3%
CMYK (approx.)0%, 57%, 33%, 31%

Related Palettes

12 palettes using #AF4B76 or similar colors

#1F141A#521E3C#6B425A#A14A7D
#6F4365#A05079#B37A89#C6A4A4
#23101A#50203A#7B3359#9C4E78
#1F141A#521E3B#76375A#9C4F79
#240F1D#4C243F#753962#A64587
#5F3A55#9B4B71#B67C8A#D4ABAB
#F8EFBA#EAB543#F97F51#B33771
#260D1F#4E2241#763863#A34887
#664BC7#D569D9#BA5D78#CE9D71
#201318#462A35#743A50#B03B68
#514FC1#AC66C2#BE4F85#D28A70
#783B59#A54A61#BD7070#C7ACA3