Ruddy Brown (#bb6528) Color Meaning, Codes and Information

A complete guide to Ruddy Brown (#bb6528) covering color values, harmonies, shades, meaning, and practical uses across design, branding, and everyday visuals.

Ruddy Brown (#bb6528) Color Information

Ruddy Brown (#bb6528) RGB value is (187, 101, 40). The hex color red value is 187, green is 101, and blue is 40. Its HSL format shows a hue of 25°, saturation of 65%, and lightness of 45%, while the CMYK process values are 0%, 46%, 79%, and 27%.

Colors that pair well with Ruddy Brown (#bb6528) include Cardinal Red (#C41E3A), Peridot (#B4C424), and Light Sea Green (#20B2AA), as they maintain visual balance and harmony, whereas Green (Crayola) (#1CAC78), Indigo Bloom (#6F2DA8), and Sky Blue (#2271B3) tend to conflict with this color due to strong contrast or opposing tonal characteristics.

Clear image showing Ruddy Brown color swatch with hex value #BB6528 and RGB value (187,101,40)
Share

Ruddy Brown (#bb6528) Color Meaning

Ruddy Brown belongs to the brown family with strong red undertones. Ruddy Brown (#BB6528) resembles clay and sun-baked earth. The shade feels grounded. Ruddy Brown (#BB6528) carries warmth. Brown tones often symbolize stability and labor. Ruddy Brown (#BB6528) adds vitality through its red base. In color psychology, warm browns suggest security shaped by effort. Ruddy Brown (#BB6528) feels dependable. Historically, ruddy browns appeared in pottery and natural pigments. Ruddy Brown (#BB6528) connects to agrarian cultures across Africa and the Mediterranean. In spiritual symbolism, earth-rich browns reflect sustenance and grounding. Ruddy Brown (#BB6528) carries resilience.

Color Conversion

Accurate conversions of Ruddy Brown (#bb6528) across RGB, Hex, CMYK, HSL, and Lab ensure consistent color fidelity across digital, print, and design applications.

HEX
#bb6528
RGB
rgb(187, 101, 40)
HSL
hsl(25°, 65%, 45%)
CMYK
cmyk(0%, 46%, 79%, 27%)
HSV
hsv(25°, 79%, 73%)
XYZ
25.5302 20.0254 4.5272
Yxy
20.0254 0.5098 0.3998
Hunter Lab
44.7497 2.7029 2.2789
CIE-Lab
51.8659 30.0828 47.7230

RGB Values & CMYK Values

Detailed RGB and CMYK values of Ruddy Brown (#bb6528) displayed in a horizontal bar provide clear reference for digital and print color accuracy.

RGB Channels

Red187 / 255 (73%)
73%
Green101 / 255 (40%)
40%
Blue40 / 255 (16%)
16%

CMYK Ink Density

Cyan0 / 100 (0%)
Magenta46 / 100 (46%)
46%
Yellow79 / 100 (79%)
79%
Key (Black)27 / 100 (27%)
27%

Color Variations

A full range of Ruddy Brown (#bb6528) variations, including tints, shades, and tones, provides highlights, depth, and subtle desaturated options for UI design.

Color Harmonies

Harmonious color schemes for Ruddy Brown (#bb6528) created using the color wheel ensure visually balanced palettes.

Analogous

Colors adjacent on the color wheel (30° apart)

Complementary

Colors opposite on the color wheel (180° apart)

Split Complementary

Three colors using one base hue and the two hues beside its opposite

Triadic

Three colors evenly spaced (120° apart)

Tetradic

Four colors forming a rectangle on the wheel

Square

Four colors evenly spaced (90° apart)

Double Split Complementary

Four colors formed from two base hues and the colors next to their opposites

Monochromatic

Variations of a single hue

Contrast Checker (WCAG)

Luminance contrast ratios for Ruddy Brown (#bb6528) against standard backgrounds ensure readable, accessible text following Contrast Checker and WCAG 2.1 AA/AAA standards.

#FFFFFF
#bb6528

Sample Text

This is how your text will look with these colors.

Large Text (18pt+)

4.20:1
WCAG AA
WCAG AAA

Normal Text

4.20:1
WCAG AA
WCAG AAA

UI Components

4.20:1
WCAG AA
WCAG AAA

Color Blindness Simulator

Simulated views of Ruddy Brown (#bb6528) for different color vision deficiencies help identify potential confusion using the Color Blindness Simulator.

Normal Vision

Ruddy Brown (#bb6528)

protanopia

#969537

Note: These simulations are approximations. Actual color vision deficiency varies by individual.

CSS Examples

Background Color

background-color: #bb6528;

Text Color

color: #bb6528;

Sample Text

Border Color

border: 2px solid #bb6528;

Box Shadow

box-shadow: 0 4px 6px #bb652840;

Text Shadow

text-shadow: 2px 2px 4px #bb6528;

Sample Text

Gradient

background: linear-gradient(135deg, #bb6528 0%, #713d18 100%);

Seamless Patterns

High-resolution seamless patterns featuring Ruddy Brown (#bb6528) provide ready-to-use backgrounds, wallpapers, and print designs for any project.

Diagonal Stripes
Polka Dots
Chevron
Diamond Grid
Hexagon
Waves
Crosshatch
Zigzag
Brick Wall
Triangles
Circles Grid
Herringbone

Icons

A collection of popular icons in Ruddy Brown (#bb6528) offers ready-to-use visuals for interfaces, designs, and creative projects.

Real-World Applications

Real-world mockups of Ruddy Brown (#bb6528) showcase its versatility across fashion, interiors, branding, and product packaging.

Fashion
Colored T-Shirt
Fashion
Baseball Cap
Interior
Living Room
Exterior
Office Complex
BRAND
Brands
Aluminum Can
Vehicle
Glossy Sportscar
Brands
Shopping Bag
Interior
Matte Wall
Brands
Flagship Phone

Useful Color Tools

A curated set of tools to help apply, analyze, and manage colors effectively in your projects

Ruddy Brown (#bb6528) Color FAQs

Frequently asked questions about Ruddy Brown (#bb6528) color meaning, symbolism, and applications. Click on any question to expand detailed answers.