Rosy Brown

HEX: #BC8F8F | Modern Palette

On White
2.81:1
FAIL
On Black
7.46:1
PASS

Color Specifications

HEX
#BC8F8F
RGB
188, 143, 143
HSL
0°, 25% ,64%
CMYK
0, 24, 24, 26

About Rosy Brown

Rosy Brown (#BC8F8F) is a color with RGB(188, 143, 143) and HSL(0°, 25.1%, 64.9%). In design, it fits Muted, Warm styles and is suitable for Text, Border, Print. Its complementary color is #8FBCBC, which creates strong contrast. Its triadic palette includes Dark Sea Green (#8FBC8F) and #8F8FBC. The name comes from Rosy Brown (English).

  • HEX: #BC8F8F
  • RGB: 188, 143, 143
  • HSL: 0°, 25.1%, 64.9%
  • Style: Muted, Warm
  • Use case: Text, Border, Print
  • Complementary color: #8FBCBC
  • Triadic colors: Dark Sea Green (#8FBC8F), #8F8FBC
  • The name comes from Rosy Brown (English).

Live Components

LIGHT
DARK
System Notification Box

Color Palettes

Monochromatic Five tones of the same hue — a reliable scale for backgrounds, surfaces, and text.
Neutral + Accent Four near-neutral tones grounded by a saturated accent — clean and versatile for UI.
Analogous Five hues drifting across a 60° arc — naturally harmonious and pleasing to the eye.
3 + 1 + 1 Three analogous base colors, one complementary accent, one dark anchor — bold yet balanced.

Color Harmonies

Complementary

The color directly opposite on the color wheel — creates maximum contrast and vibrance.

Analogous

Colors adjacent on the wheel — naturally harmonious and pleasing to the eye.

Triadic

Three colors equally spaced 120° apart — bold, balanced, and visually rich.

Split-Complementary

Two colors flanking the complement — high contrast with less tension than full complementary.

Tetradic (Square)

Four colors at 90° intervals — rich variety, best when one color dominates.

Monochromatic

Shades and tints of the same hue — cohesive, elegant, and easy to work with.

Shades & Tints

A seamless scale of #BC8F8F from deepest shade to lightest tint.

Color Characteristics

Mood
Style
Muted Warm
Use case
Text Border Print

Accessibility Simulation

Deuteranopia #9E9E8E
Protanopia #95958F
Tritanopia #BC8F8F
Achromatopsia #9A9A9A

Frequently Asked Questions

Rosy Brown (#BC8F8F) is a color with RGB(188, 143, 143) and HSL(0°, 25.1%, 64.9%).

#BC8F8F pairs strongly with #8FBCBC as its complementary color. It can also be used with neutral tones for balanced UI and design layouts.

#BC8F8F is suitable for Text, Border, Print and works well with Muted, Warm styles.

The name Rosy Brown is linked to Rosy Brown from English, meaning A reddish-brown color, reminiscent of a 'rosy' or pinkish hue mixed with brown..

Name, History & Etymology

Origin Word Rosy Brown
Meaning A reddish-brown color, reminiscent of a 'rosy' or pinkish hue mixed with brown.
Language English
First Recorded Use Late 19th Century

History

The concept of 'rosy brown' combines two common color descriptors: 'rosy' (referring to the color of a rose, typically pink or light red) and 'brown'. This combination suggests a brown with a distinct reddish or pinkish undertone. Its formal recognition as a distinct color name, often with a specific hexadecimal value like #bc8f8f, became more prevalent with the advent of digital color systems and web standards. It is part of the X11 color set.

First Recorded Use

The term 'rosy brown' as a specific color name, particularly in a standardized context, gained traction with the development of color systems and guides. It was notably included in the ISCC-NBS Dictionary of Color Names (1955), but descriptive uses of 'rosy brown' likely predate this formalization.

Cultural Associations

As a descriptive color, 'rosy brown' evokes natural elements like certain types of wood, dried roses, or earthy tones with a warm blush. It's often perceived as a soft, muted, and warm color. It can be associated with vintage aesthetics, natural dyes, or a cozy, inviting atmosphere. It's less common in high-fashion or bold statements and more often found in home decor, textiles, and naturalistic art.

Similar Named Colors
Tuscany #C09999 ΔE 3.13
Old Rose #C08081 ΔE 5.47
Puce #CC8899 ΔE 7.39
English Lavender #B48395 ΔE 7.47

Code Snippets

/* Background */
.element {
    background-color: #BC8F8F;
}

/* Text */
.element {
    color: #BC8F8F;
}

/* Border */
.element {
    border: 1px solid #BC8F8F;
}

/* Linear gradient to complementary */
.element {
    background: linear-gradient(
        to right,
        #BC8F8F,
        #8FBCBC
    );
}

/* Radial gradient */
.element {
    background: radial-gradient(
        circle,
        #BC8F8F,
        #8FBCBC
    );
}

// SCSS variable
$rosy-brown: #BC8F8F;

// With RGB channels (useful for rgba() usage)
$rosy-brown-r: 188;
$rosy-brown-g: 143;
$rosy-brown-b: 143;

// Usage
.element {
    background-color: $rosy-brown;
    color: rgba($rosy-brown-r, $rosy-brown-g, $rosy-brown-b, 0.8);
}