#C676A1

Pink

HEX

RGB

HSL

About #C676A1 Pink

#C676A1 is a pink color. In the RGB color model, it is composed of 198 red, 118 green, and 161 blue. In the HSL color space, it has a hue of 328°, saturation of 41%, and lightness of 62%.

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

Color Properties

328°

Hue

41%

Saturation

62%

Lightness

Pink

Color Harmonies

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

Accessibility

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

Aa#C676A1 on White
Contrast Ratio3.23:1
AA AA Large AAA
Aa#C676A1 on Black
Contrast Ratio6.51:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #C676A1 across different color formats.

FormatValue
HEX#C676A1
RGBrgb(198, 118, 161)
HSLhsl(328, 41%, 62%)
RGB Decimal198, 118, 161
RGB Percent77.6%, 46.3%, 63.1%
CMYK (approx.)0%, 40%, 19%, 22%

Related Palettes

12 palettes using #C676A1 or similar colors

#6AB2BF#737DD5#9F4BCC#C470A2
#D0769D#CD6F43#BDC647#7FD06D
#6E3A78#9E5298#BF6EA4#CF9BB1
#6C4073#9E5295#BA73A0#C8A2B1
#623564#9B4B89#BB779B#D3ACB7
#CE7B98#C27846#C1CC7E#59B74E
#C25CCC#CA7B95#CC966F#C0D263
#5F3960#8D5881#B9799A#D3ABB6
#5C3960#8A5B83#B77B9F#CCB2BB
#6772CA#A557D3#CF6AA8#B55E50
#633660#90557E#BB7794#D4AAB2
#563267#924F97#BC76AF#D0AFC1