#AF4B7B

Rose

HEX

RGB

HSL

About #AF4B7B Rose

#AF4B7B is a rose color. In the RGB color model, it is composed of 175 red, 75 green, and 123 blue. In the HSL color space, it has a hue of 331°, 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 #AF4B7B in your CSS, SCSS, or Tailwind projects.

Color Properties

331°

Hue

40%

Saturation

49%

Lightness

Rose

Color Harmonies

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

Accessibility

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

Aa#AF4B7B on White
Contrast Ratio5.1:1
AA AA Large AAA
Aa#AF4B7B on Black
Contrast Ratio4.12:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #AF4B7B across different color formats.

FormatValue
HEX#AF4B7B
RGBrgb(175, 75, 123)
HSLhsl(331, 40%, 49%)
RGB Decimal175, 75, 123
RGB Percent68.6%, 29.4%, 48.2%
CMYK (approx.)0%, 57%, 30%, 31%

Related Palettes

12 palettes using #AF4B7B or similar colors

#1F141A#521E3C#6B425A#A14A7D
#6F4365#A05079#B37A89#C6A4A4
#240F1D#4C243F#753962#A64587
#260D1F#4E2241#763863#A34887
#514FC1#AC66C2#BE4F85#D28A70
#250E1F#442C3D#822B69#A7448B
#23101A#50203A#7B3359#9C4E78
#BC4F89#D3856F#C8C570#71CB4D
#1F141A#521E3B#76375A#9C4F79
#260D1E#452B3D#723B60#AF3B89
#664BC7#D569D9#BA5D78#CE9D71
#5F3A55#9B4B71#B67C8A#D4ABAB