Color Slate Pink red (#b3586c):
HEX, RGB color codes for HTML and CSS

The Comprehensive Guide to Slate Pink red (#b3586c):
Its Meaning and Harmonious Color Matches in Design.

Slate Pink is a color with a HTML hex code of #b3586c.

Hue Family:
reds

reds Family:
neutral

Saturation:
moderately saturated

Tones:
mid-toned

Shade:
medium

Temperature:
warm

Chromaticity:
chromatic

Chroma:
medium chroma

Color Information about Slate Pink / #b3586c

The HTML HEX code is #b3586c. The corresponding color name is "Slate Pink". In RGB values (additive color space used for Digital Displays), this HEX code translates to Red (R): 179%, Green (G): 88%, Blue (B): 108%. In the CMYK color model (subtractive color model used in printing), it is represented by Cyan (C): 0%, Magenta (M): 51%, Yellow (Y):40%, Black (K): 30%. In the HSL color space, #b3586c has a hue of 347°, saturation of 37%, and lightness of 52%. The HSV representation is 347° for hue, 51% for saturation, and 70% for value.

In the CIE-LAB color space, the color is denoted by L* (lightness) = 49, a* (green to red) = 39, and b* (blue to yellow) = 6. The XYZ representation is X: 25, Y: 18, Z: 16. In the YUV color space, it translates to Y (luminance) = 0.4607, U (chrominance) = -0.0183, and V (chrominance) = 0.2116.

The decimal value of the color is 11753580. The closest Web-safe HEX code is #CC6666. Variations of the colour are #D29DA9 for a 20% lighter version and #703340 for a 20% darker version.

For the color with hex value #b3586c, the correlated color temperature (CT) is estimated to be 2118 Kelvin (2118K).

The approximate wavelength of #b3586c is around 641.50nm.

VALUECSS
HEX Codeb3586c#b3586c
RGB Decimal Code179, 88, 108rgb(179, 88, 108)
CMYK0, 51, 40, 30/
HSL347°, 37%, 52%hsl(347°, 37%, 52%)
HSV347°, 51%, 70%/
CIE-LAB49, 39, 6/
XYZ 25, 18, 16/
YUV0.4607, -0.0183, 0.2116/
Decimal value11753580/
Web-Safe HEXCC6666#CC6666
Color Temperature (CT)2118 Kelvin (2118K)/
Estimate Wavelengtharound 641.50nm/

The Depth and Diversity of Slate Pink (Hex: #b3586c): Exploring its Impact in Design and Culture

Slate Pink (#b3586c) resembles the delicate petals of a faded rose, showcasing a subtle blend of gray and pink undertones. This elegant color evokes a sense of serenity and tranquility, similar to the calmness of a dusky sky at sunset. It can also be likened to the muted tones of weathered terracotta pots that have been embraced by time, adding a touch of rustic beauty to any space. This versatile hue gracefully complements various natural elements like blushing flowers, aged ceramics, and the soft glow of twilight.

Download Stunning Slate Pink Wallpapers and Backgrounds

Enhance your devices with our minimalistic yet captivating Slate Pink Wallpapers, perfectly designed for 4K, 5K, iPhone, and Android screens. Experience a unique aesthetic that brings elegance to your digital life.

Experience Elegance with Slate Pink 4K Wallpaper

Immerse yourself in the beauty of our Slate Pink 4K Wallpaper, offering a resolution of 3840px by 2160px. Perfect for high-resolution displays, this wallpaper brings a touch of sophistication to your desktop.

Download Slate Pink 4K Wallpaper

Tints and Shades of #b3586c HEX color (Slate Pink)

In color theory, tints and shades are essential for understanding the depth and luminosity of colors. A tint is achieved by adding white to a pure hue, lightening its appearance. Conversely, a shade results from blending black with a color, giving it a deeper tone. In the context of #b3586c, this color stands at the center between its tints and shades. While the tints get progressively lighter moving towards white (#ffffff), the shades deepen towards black (#000000).

  • #ffffff
  • #ECD5DA
  • #D9ACB6
  • #C68291
  • #b3586c
  • #864251
  • #5A2C36
  • #2D161B
  • #000000

Tones of Slate Pink (#b3586c HEX color)

A tone is produced by adding gray to any pure hue. In the case of #b3586c, #9f6874 is the less saturated color, while #b3586c is the most saturated one.

  • #9f6874
  • #a46472
  • #a96070
  • #ae5c6e
  • #b3586c
  • #4d3f42
  • #453438
  • #3c2a2e
  • #341f23

HTML Usage Examples

HTML using color code example

<p style="color: #b3586c;">This is a css example</p>

HTML / CSS Color Name using W3C

W3C HTML / CSS Color Name doesn't exist for #b3586c.

CSS color code example

p { color: #b3586c; }

Text with hexadecimal color #b3586c

This is a sample text with color #b3586c.

Background Color with #b3586c

This is a example with background color #b3586c.

Border Color with #b3586c

This is a example of a border with #b3586c.

#b3586c Color Preview on White (#ffffff) Background

This is a example of text with color #b3586c on white background.

#b3586c Color Preview on Black (#000000) Background

This is a example of text with color #b3586c on black background.

CSS codes examples

.text {color:#b3586c;}
.background {background-color:#b3586c;}
.border {border:1px solid #b3586c;}

Complementary Color

#b3586c
#57B29E

Analogous Colors

#93437C
#934368
#C27A9C
#B2576B
#C27D7A
#934643
#935A43

Split Complementary Colors

#57B271
#B2576B
#5798B2

Triadic Colors

#6BB257
#B2576B
#576BB2

Tetradic Colors

#98B257
#57B29E
#7157B2