Codes & values
- Color Name
Rosy Brown - Color ID
KDF-C-12357519 - HEX
#BC8F8F - RGB
rgb(188, 143, 143) - RGBA
rgba(188, 143, 143, 1) - HSL
hsl(0, 25%, 65%) - HSLA
hsla(0, 25%, 65%, 1) - HSV / HSB
hsv(0, 24%, 74%) - CMYK
cmyk(0%, 24%, 24%, 26%) - Light / Dark
mid
Quick answers
- What is the HEX code for Rosy Brown?
- #BC8F8F
- What is Rosy Brown RGB?
- rgb(188, 143, 143)
- What is Rosy Brown HSL?
- hsl(0, 25%, 65%)
- What is Rosy Brown CMYK?
- cmyk(0%, 24%, 24%, 26%)
What is Rosy Brown?
Rosy Brown is a curated red family color at #BC8F8F. It appears in our library with tags for web, design, ui and matches the CSS named color keyword. This mid-range shade works as a primary brand or UI accent when contrast with text is verified. Temperature lean: warm — energetic, inviting, and closer to red/orange/yellow on the wheel..
Rosy Brown HEX code
The HEX code for Rosy Brown is #BC8F8F. Paste it into CSS as color: #BC8F8F; or background-color: #BC8F8F;. Design tools accept the same six-digit value without the # prefix (bc8f8f).
Rosy Brown RGB
Rosy Brown in RGB is rgb(188, 143, 143) (channels R 188, G 143, B 143). Use RGB when you need opacity via rgba(188, 143, 143, 1).
Rosy Brown HSL & HSV
HSL is hsl(0, 25%, 65%) — useful for generating lighter/darker variants by adjusting lightness. HSV/HSB is hsv(0, 24%, 74%), closer to how many digital pickers expose hue, saturation, and brightness.
Rosy Brown CMYK
Approximate CMYK for Rosy Brown is cmyk(0%, 24%, 24%, 26%). Screen HEX/RGB values are device-dependent; for print, always soft-proof in your print profile rather than relying on a web conversion alone.
Shades of Rosy Brown
Darker shades (mixed toward black): #9D7777, #7D5F5F, #5E4848, #3F3030, #1F1818. Use deeper shades for hover states, borders, and dark-mode accents.
Tints of Rosy Brown
Lighter tints (mixed toward white): #C7A2A2, #D2B4B4, #DEC7C7, #E9DADA, #F4ECEC. Tints work well for soft backgrounds, chips, and secondary buttons.
Colors that go with Rosy Brown
Complementary pairing: #BC8F8F, #8FBCBC. Analogous neighbors: #BC8FA6, #BC8F8F, #BCA68F. Triadic accents: #BC8F8F, #8FBC8F, #8F8FBC. Always check text contrast when pairing.
Rosy Brown color combinations
A practical combo: primary #BC8F8F, complementary accent #8FBCBC, and a neutral charcoal or off-white for text and surfaces. Split-complementary options: #BC8F8F, #8FBCA6, #8FA5BC.
Rosy Brown in web design
Red works as error states, sale badges, and urgent CTAs. Keep body text dark on light surfaces and reserve pure red for accents so pages do not feel alarming.
Rosy Brown in branding
Brand reds feel bold and urgent — classic for food delivery, sports, and clearance campaigns. Contrast vs white is 2.81:1 (better as a large accent or background than small body text); vs black 7.46:1.
Rosy Brown earth & muted use
Rosy Brown leans muted or earthy — ideal for interiors, craft brands, and calm UI. Combine with cream, sage, and clay neutrals.
Frequently asked questions
- What is the HEX code for Rosy Brown?
- Rosy Brown: #BC8F8F.
- What is Rosy Brown RGB?
- Rosy Brown: rgb(188, 143, 143).
- What is Rosy Brown HSL?
- Rosy Brown: hsl(0, 25%, 65%).
- What is Rosy Brown CMYK?
- Rosy Brown: cmyk(0%, 24%, 24%, 26%).
- What colors go with Rosy Brown?
- Try complementary #BC8F8F, #8FBCBC or analogous #BC8FA6, #BC8F8F, #BCA68F.
- Is Rosy Brown good for text on white?
- Not ideal for small body text (2.81:1). Use as a large heading, button, or background instead.
Accessibility snapshot
Contrast vs white: 2.81:1 (prefer large accent or background). Contrast vs black: 7.46:1. Complementary swatch: #BC8F8F, #8FBCBC.
Explore related
Red colorsColor pickerPalette generatorContrast checkerColor guidesComplete Color Code GuideHow HEX Colors WorkHEX vs RGB vs CMYK