#CA1685

Pink

HEX

RGB

HSL

About #CA1685 Pink

#CA1685 is a pink color. In the RGB color model, it is composed of 202 red, 22 green, and 133 blue. In the HSL color space, it has a hue of 323°, saturation of 80%, and lightness of 44%.

This color has a medium lightness value, making it a balanced tone ideal for both text and UI elements. With high saturation, it appears vibrant and eye-catching.

CSS Code

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

Color Properties

323°

Hue

80%

Saturation

44%

Lightness

Pink

Color Harmonies

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

Accessibility

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

Aa#CA1685 on White
Contrast Ratio5.3:1
AA AA Large AAA
Aa#CA1685 on Black
Contrast Ratio3.96:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #CA1685 across different color formats.

FormatValue
HEX#CA1685
RGBrgb(202, 22, 133)
HSLhsl(323, 80%, 44%)
RGB Decimal202, 22, 133
RGB Percent79.2%, 8.6%, 52.2%
CMYK (approx.)0%, 89%, 34%, 21%

Related Palettes

12 palettes using #CA1685 or similar colors

#C32283#DE4561#E79279#F0D9AD
#C32288#DE4566#E78F79#F0D6AD
#C3227D#DE455C#E79679#F0DBAD
#C3227B#DE4559#E79879#F0DCAD
#C32290#DE456E#E78979#F0D3AD
#B51783#DC3C5A#EF9C76#F1E8C1
#C32275#DE4554#E79C79#F0DEAD
#B41882#DA3E5B#EB9E7A#F1E8C0
#B6167B#E3354C#E5A580#F4EDBD
#C32273#DE4551#E79E79#F0E0AD
#C32298#DE4575#E78479#F0D0AD
#B21A82#D5435E#E99E7C#F6ECBB