Maroon Colors  ·  Color Library

Palettes / Colors / #C19F94

#C19F94 — Light Dusty Brown

#C19F94 is a brown color we call Light Dusty Brown, closest to the named color RosyBrown (#BC8F8F). It belongs to the brown family.

Color name

Closest CSS keyword: rosybrown (#BC8F8F) — not an exact match. CSS rosybrown gives you #BC8F8F, a different color; use #C19F94 when you need this exact shade.

Sources: common names follow widely used color-name references; CSS keywords and their hex values follow the CSS Color specification.

#C19F94 is a warm brown color associated with earthiness, stability and comfort. It sits comfortably in the middle: usable for large areas in soft schemes, or as a supporting color beside something stronger.

Its strongest partner is its complement #94B6C2; it also sits naturally between #C2949F and #C2B694. In the palettes below you can see it working alongside real color combinations from our collection.

#C19F94 · RGB 193, 159, 148

Download PNG swatch SVG

Color values

HEX#C19F94
RGB193, 159, 148
HSL15°, 27%, 67%
HSV15°, 23%, 76%
CMYK0%, 18%, 23%, 24%
XYZ39.74, 38.27, 33.31
Yxy38.27, 0.3570, 0.3438
CIE-Lab68.22, 10.85, 10.45
Hunter Lab61.86, 9.85, 8.32

RGB & CMYK percentages

Red 76% · Green 62% · Blue 58%

Cyan 0% · Magenta 18% · Yellow 23% · Key 24%

CMYK values are unprofiled approximations for screen reference — not a print-proofing guarantee.

Previews

Sample text in #C19F94 on black
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Sample text in #C19F94 on white
Lorem ipsum dolor sit amet, consectetur adipiscing elit.

CSS code for #C19F94

.text { color: #C19F94; }
.background { background-color: #C19F94; }
.border { border: 3px solid #C19F94; }
.text-rgb { color: rgb(193, 159, 148); }
.text-hsl { color: hsl(15, 27%, 67%); }
.text-shadow-hex { text-shadow: 4px 4px 2px #C19F94; }
.text-shadow-rgba { text-shadow: 4px 4px 2px rgba(193, 159, 148, 0.8); }
.box-shadow-hex { box-shadow: 1px 1px 3px 2px #C19F94; }
.box-shadow-rgba { box-shadow: 1px 1px 3px 2px rgba(193, 159, 148, 0.8); }

HTML: <p style="color:#C19F94">Text here</p> · <div style="background-color:#C19F94">Div content here</div>

Shades of #C19F94

#B68E81#A97A6A#9B6A59#885D4E#754F43#5E4036#4A332B#372520#201613#0D0907

Tints of #C19F94

#C7A89E#CDB1A8#D2BAB1#D8C2BB#DDCBC5#E1D1CB#E7D9D5#ECE2DF#F2EBE8#F8F3F2

Tones of #C19F94

#BEA197#BBA39B#B7A59E#B5A6A1#B2A7A4#AEA9A7

Color harmonies

Complementary — #94B6C2:

Analogous:

Triadic:

Contrast & accessibility

Against white text2.43:1 Fails
Against black text8.65:1 AAA

Best text color on #C19F94: #000000.

Semi-transparent (opacity) text on #C19F94

Text set with opacity blends into the background, so its real contrast is lower than the solid ratios above. Choose a text color and an opacity to see the blended color and its true ratio:

100%
Sample heading text
Smaller body text shows the effect best.

Blended color: · Contrast against #C19F94: ·

How #C19F94 looks with color blindness

Simulated with standard Machado color-vision-deficiency matrices — useful when this color carries meaning in charts, maps or interfaces:

Protanopia · #B2B297Deuteranopia · #B4B797Tritanopia · #BF9999

Closest design-system colors

The nearest matches in the Tailwind CSS, Material Design and Bootstrap palettes — handy when you need a framework class instead of a raw hex:

Material Grey 500 · #9E9E9ETailwind stone 500 · #78716CTailwind neutral 500 · #737373

Palettes with a similar color

These palettes use a close neighbour of #C19F94 rather than the exact color:

Modern Tempest
#AC7FAF · #734153 · #C5A490 · #A6AE51
Palette F1e5d1
#F1E5D1 · #DBB5B5 · #C39898 · #987070
Palette A98b76
#A98B76 · #BFA28C · #F3E4C9 · #BABF94
Smoky Lagoon
#8B5190 · #AC8091 · #C19C8B · #777746
Amber Ember
#BDA39C · #6B863B · #4BAA7C · #3F537D
Palette Bc9f8b
#BC9F8B · #B5CFB7 · #CADABF · #E7E8D8

Similar colors

The closest colors that actually appear in our palette collection — click any to open its page:

#C5A490#C39898#BFA28C#C19C8B#BDA39C#BC9F8B#BCA48C#C2A68C#C1AA92#C49B8A#B7A593#C8A69B

Browse neighbouring colors

← #C19F93  ·  #C19F95 →

Frequently asked questions

What color is #C19F94?

#C19F94 is Light Dusty Brown, a brown color (RGB 193, 159, 148). Its closest standard named color is RosyBrown.

What is the RGB and HSL of #C19F94?

#C19F94 is RGB 193, 159, 148 — HSL 15°, 27%, 67% — CMYK 0%, 18%, 23%, 24%.

What colors go with #C19F94?

Its complement is #94B6C2; analogous partners are #C2949F and #C2B694. It also appears in 6+ palettes in our collection.

Can I use #C19F94 for text?

Black text on #C19F94 has a contrast ratio of 8.65:1 (passes WCAG AA); white text gives 2.43:1.