Red Color Family

Rosy Brown Color Hex Code, RGB & HSL Values

Browse all Red Colors

What is the meaning of the Rosy Brown color?

Rosy Brown is a warm, muted neutral shade blending dusty pink and soft brown. It evokes feelings of vintage elegance and organic comfort, highly suitable for lifestyle, cosmetic, and modern interior design platforms.

How to use the Rosy Brown color hex code in HTML & CSS?

Developers can invoke Rosy Brown color codes in stylesheets using color: #BC8F8F;. For modern CSS frameworks, set it as a variable --color-rosy brown: #BC8F8F;, or implement it in Tailwind using bg-[#BC8F8F].

What are the RGB and HSL codes of Rosy Brown?

The RGB breakdown for Rosy Brown is rgb(188, 143, 143). In HSL space, it translates to 0° hue, 25% saturation, and 65% lightness, rendering a soft, understated pastel shade.

CMYK print profiles for Rosy Brown color

For print design projects using CMYK ink models, Rosy Brown corresponds to Cyan: 0%, Magenta: 24%, Yellow: 24%, and Black: 26%. Given its red-channel dominance, this color is a powerful visual stimulator often deployed in banners, call-to-actions, and warning components.

Red Channel 188
Green Channel 143
Blue Channel 143
Luminance 0.323

Rosy Brown Color Space Conversions

Click to copy format
HEX Color Code #BC8F8F
RGB (Red Green Blue) rgb(188, 143, 143)
HSL (Hue Sat Light) hsl(0°, 25%, 65%)
CMYK (Commercial Print) cmyk(0%, 24%, 24%, 26%)
HSV / HSB Values hsv(0°, 24%, 74%)
Decimal Color Code 12357519
CSS Custom Variable --color-hex: #BC8F8F;
Tailwind CSS Utility bg-[#BC8F8F]
CSS Named Color rosybrown

Contrast & Accessibility (WCAG 2.1) Check

White Text on Background

White text readability test with #BC8F8F

Small body copy preview

Black Text on Background

Black text readability test with #BC8F8F

Small body copy preview

Complementary & Analogous Harmonies

Computed dynamically

Shades & Tints Generator Matrix

Copy shade hex values instantly

Darker Shades (Adding Black)

Lighter Tints (Adding White)

{ } CSS Custom Properties (Variables)

Copy CSS Styles
/* CSS Custom Properties for Rosy Brown */
--color-hex: #BC8F8F;
--color-rgb: rgb(188, 143, 143);
--color-hsl: hsl(0deg, 25%, 65%);
--color-name: rosybrown;

Aa Known Color Aliases

Rosy Brown rosybrown (CSS Identifier) Dusty RoseMuted PinkRose Brown

Rosy Brown Color Meaning

In design psychology, Rosy Brown is classified as a red shade, inheriting its psychological associations. The red hue commands attention like no other color. It raises heart rates, increases appetite, and creates a sense of urgency that drives action. Psychologists associate red with strong emotions: passion, love, anger, and danger all share this powerful hue. In marketing, red creates a sense of urgency used in clearance sales, while luxury brands leverage its association with confidence and desirability. Red has the longest wavelength of visible light, making it the first color the human eye detects — a survival trait hardwired from our evolutionary past.

Emotions & Associations

LovePassionDangerUrgency

Industries

EntertainmentFood & BeverageRetail & Sales

Adjacent HEX Color Codes

Color Comparisons & Differences

🎨 Cohesive Color Combinations & Palettes

Copied!