#CA9286 Color

#CA9286 is rgb(202, 146, 134) in RGB and hsl(11, 39%, 66%) in HSL. The closest CSS named color is RosyBrown. Black text is most readable on this background.

#CA9286

HEX#CA9286

RGBrgb(202, 146, 134)

HSLhsl(11, 39%, 66%)

HSVhsv(11, 34%, 79%)

OKLCHoklch(71.1% 0.071 32.4)

CMYKcmyk(0%, 28%, 34%, 21%)

Text Contrast & Accessibility

WCAG contrast ratios for text on a #CA9286 background. AA requires 4.5:1 for normal text and 3:1 for large text; AAA requires 7:1.

TextWhite text2.64:1AA normal ✗AA large ✗AAA normal ✗

TextBlack text7.97:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

Colors that pair well with #CA9286 based on color wheel relationships. Click any swatch for its full breakdown.

Base#CA9286 Complementary#86BECA Analogous#CA869C Analogous#CAB586 Triadic#86CA93 Triadic#9386CA

Tints & Shades

Lighter tints and darker shades of #CA9286, useful for hover states, backgrounds, and text variants.

Tints

#D2A398 #D8B0A6 #E0BFB8 #E6CCC6 #EEDCD8 #F4E9E6

Shades

#BC7667 #AA5C4B #8A4B3D #6E3C30 #4E2A22 #2E1914

Use #CA9286 in Our Tools

Hex to RGB Hex to HSL Hex to CMYK Hex to Pantone RGBA to Hex