What Color Is 925567?
The hex code #925567 produces a muted medium pink. It breaks down into RGB channels of 146 red, 85 green, and 103 blue, placing it firmly in the pink color family. On the HSL model, it sits at 342° on the color wheel with 26% saturation — giving it a muted quality — and 45% lightness, making it medium. The perceived brightness is 41% (105/255), meaning light text (#ffffff) will provide optimal readability when layered on top.
925567 Color Values
What Does 925567 Mean in Design?
Pink shades communicate romance, playfulness, compassion, and tenderness. As a medium variant with 26% saturation, #925567 carries a muted energy that makes it suitable for both primary and supporting roles in design systems. In color psychology, pink tones are associated with warmth and approachability, making #925567 ideal for brands that need to project friendliness and enthusiasm.
Where to Use 925567 — Practical Applications
#925567 as a full-bleed background with light text (#ffffff) overlay text for immediate visual impact on landing pages.rgba(146, 85, 103, 0.15)) for subtle card surfaces that add depth without overwhelming content.#754452) for clear interactive feedback.#925567 as the primary swatch, using #55917F as the complementary accent.#679155 and #556791 for a triadic scheme that maximizes readability.#925567 backgrounds with white typography overlays.#925567 to #AD808D for eye-catching newsletter designs.925567 Color Combinations
These are mathematically calculated color harmonies based on the 342° hue position of #925567 on the color wheel. Use them to build balanced, professional palettes.
Similar Colors to 925567
Colors visually close to #925567 with subtle variations in hue, saturation, or brightness. Useful for creating gradient transitions, hover states, and layered interface designs.
Tints and Shades of 925567
A tint is made by mixing #925567 with white (increasing lightness), while a shade is made by mixing with black (decreasing lightness). These variations are essential for creating depth, hierarchy, and interactive states in UI design.
How to Use 925567 in CSS
Copy-ready CSS code snippets for implementing #925567 in your stylesheets. Includes custom properties, gradients, and opacity variants.
.element {
color: #925567;
background-color: #925567;
border: 2px solid #925567;
box-shadow: 0 4px 14px rgba(146, 85, 103, 0.35);
}
/* CSS Custom Property */
:root {
--color-primary: #925567;
--color-primary-light: #AD808D;
--color-primary-dark: #754452;
--color-primary-rgb: 146, 85, 103;
}
/* Gradient example */
.gradient-bg {
background: linear-gradient(135deg, #925567 0%, #916155 100%);
}
/* RGBA with opacity */
.overlay {
background: rgba(146, 85, 103, 0.15);
}925567 in Design Systems
When integrating #925567 into a design system, define it as a semantic token: --color-pink-medium: #925567;. For WCAG 2.1 AA compliance, pair it with light text (#ffffff) for body text. The lighter tint #AD808D works for subtle surface fills, while the darker shade #754452 is ideal for focus rings and active states. In Figma or Sketch, add it to your shared library as Pink/Medium so the entire team references the single source of truth.
Accessibility Considerations for 925567
Since #925567 is a dark color (brightness 41%), use light text (#ffffff or #f0f0f0) for readable contrast that meets WCAG 2.1 AA minimum requirements. Always test with tools like the ColorPickerCode contrast checker before shipping to production.
Frequently Asked Questions About 925567
What color is #925567?
#925567 is a muted medium pink with RGB(146, 85, 103) and HSL(342°, 26%, 45%). It belongs to the pink family.What is the RGB value of 925567?
Is #925567 dark or light?
What is the CMYK of 925567?
What colors go well with #925567?
How do I use 925567 in CSS?
color: #925567; for text, background-color: #925567; for backgrounds, border: 2px solid #925567; for borders.