Rosy Brown is a medium-light, muted shade in the red color family, with a warm feel. Its HEX code is #BC8F8F, which equals rgb(188, 143, 143) in RGB and hsl(0, 25%, 65%) in HSL. In print terms it converts to roughly C0 M24 Y24 K26, although exact CMYK results depend on the paper and color profile.
- HEX
#BC8F8F - RGB
188, 143, 143 - HSL
0°, 25%, 65% - CMYK
0, 24, 24, 26 - Family
Red - Tone
Medium-light, muted
About Rosy Brown
Red shades carry energy, urgency and passion. They draw the eye first, which makes them a favorite for calls to action, sale banners, alerts and brands that want to feel bold. Designers often reach for it as an accent, a button color or a background tint. Text in black is the most readable choice on this color, with a contrast ratio of 7.46:1. Its complementary color is #8FBCBC.
Download Rosy Brown as an image
Choose a size and format, then download a solid-color image — or tick colors in the library to batch-download a ZIP.
Loading colors…
Loading gradients…
Rosy Brown color codes
| HEX | #BC8F8F |
|---|---|
| RGB | rgb(188, 143, 143) |
| HSL | hsl(0, 25%, 65%) |
| HSV | 0°, 24%, 74% |
| CMYK | 0%, 24%, 24%, 26% |
| Decimal | 12357519 |
Shades and tints of Rosy Brown
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#F4ECEC - 100
#E9DADA - 200
#DEC7C7 - 300
#D2B4B4 - 400
#C7A2A2 - 500
#BC8F8F - 600
#9D7777 - 700
#7D5F5F - 800
#5E4848 - 900
#3F3030 - 950
#1F1818
Color harmonies for Rosy Brown
- Complementary
#8FBCBC≈ Light Dusty Cyan - Analogous −30°
#BC8FA6≈ Light Dusty Carmine - Analogous +30°
#BCA68F≈ Light Dusty Persimmon - Triadic +120°
#8FBC8F≈ Light Dusty Green - Triadic +240°
#8F8FBC≈ Light Dusty Blue - Split 150°
#8FBCA6≈ Light Dusty Malachite - Split 210°
#8FA6BC≈ Light Dusty Cornflower
Contrast and accessibility of Rosy Brown
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Rosy Brown | Aa | 2.81:1 | Fails |
| Black text on Rosy Brown | Aa | 7.46:1 | AAA (excellent) |
CSS code for Rosy Brown
background-color: #BC8F8F;color: #BC8F8F;background-color: rgb(188, 143, 143);background-color: hsl(0, 25%, 65%);:root { --color-rosy-brown: #BC8F8F; }class="bg-[#BC8F8F]"Colors similar to Rosy Brown
- Light Dusty Red
#BA9797 - Light Dusty Cardinal
#BA979A - Light Dusty Scarlet
#BA9A97 - Light Dusty Crimson
#BA979E - Light Muted Scarlet
#CB8D86 - Light Muted Vermilion
#CB9386 - Light Muted Cardinal
#CB868D - Light Muted Crimson
#CB8693 - Light Dusty Ruby
#BA97A1 - Light Dusty Vermilion
#BA9E97 - Light Muted Red
#CB8686 - Light Muted Ruby
#CB869A
More red shades
- Salmon
#FA8072 - Tomato
#FF6347 - Brown
#A52A2A - Dark Red
#8B0000 - Maroon
#800000 - Red
#FF0000 - Burgundy
#800020 - Vermilion
#E34234 - Terracotta
#E2725B - Cinnabar
#E44D2E - Scarlet
#FF2400
Frequently asked questions
What is the HEX code for Rosy Brown?
The HEX code for Rosy Brown is #BC8F8F.
What is the RGB value of Rosy Brown?
Rosy Brown has an RGB value of 188, 143, 143 (rgb(188, 143, 143)). In HSL it is 0°, 25%, 65%.
What text color should I use on Rosy Brown?
Use black text on Rosy Brown. White text has a contrast ratio of 2.81:1 and black text has 7.46:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Rosy Brown?
The complementary color of Rosy Brown is #8FBCBC. Analogous colors #BC8FA6 and #BCA68F also pair well.