Color Magnetic gray (#b2b5af):
HEX, RGB color codes for HTML and CSS

The Comprehensive Guide to Magnetic gray (#b2b5af):
Its Meaning and Harmonious Color Matches in Design.

Magnetic is a color with a HTML hex code of #b2b5af.

Hue Family:
grays

grays Family:
neutral-muted

Saturation:
almost gray

Tones:
colorful tone

Shade:
medium

Temperature:
neutral

Chromaticity:
near-grayscale

Chroma:
low chroma

Color Information about Magnetic / #b2b5af

The HTML HEX code is #b2b5af. The corresponding color name is "Magnetic". In RGB values (additive color space used for Digital Displays), this HEX code translates to Red (R): 178%, Green (G): 181%, Blue (B): 175%. In the CMYK color model (subtractive color model used in printing), it is represented by Cyan (C): 2%, Magenta (M): 0%, Yellow (Y):3%, Black (K): 29%. In the HSL color space, #b2b5af has a hue of 90°, saturation of 4%, and lightness of 70%. The HSV representation is 90° for hue, 3% for saturation, and 71% for value.

In the CIE-LAB color space, the color is denoted by L* (lightness) = 73, a* (green to red) = -2, and b* (blue to yellow) = 3. The XYZ representation is X: 43, Y: 46, Z: 47. In the YUV color space, it translates to Y (luminance) = 0.7036, U (chrominance) = -0.0085, and V (chrominance) = -0.0049.

The decimal value of the color is 11711919. The closest Web-safe HEX code is #99CC99. Variations of the colour are #E6E7E4 for a 20% lighter version and #80857A for a 20% darker version.

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

The approximate wavelength of #b2b5af is around 555.00nm.

VALUECSS
HEX Codeb2b5af#b2b5af
RGB Decimal Code178, 181, 175rgb(178, 181, 175)
CMYK2, 0, 3, 29/
HSL90°, 4%, 70%hsl(90°, 4%, 70%)
HSV90°, 3%, 71%/
CIE-LAB73, -2, 3/
XYZ 43, 46, 47/
YUV0.7036, -0.0085, -0.0049/
Decimal value11711919/
Web-Safe HEX99CC99#99CC99
Color Temperature (CT)6337 Kelvin (6337K)/
Estimate Wavelengtharound 555.00nm/

The Depth and Diversity of Magnetic (Hex: #b2b5af): Exploring its Impact in Design and Culture

The hex color #b2b5af, named Magnetic, resembles the cool, silvery tone of polished steel. It shares similarities with everyday objects like stainless steel appliances, silver jewelry, and chrome finishes. The Magnetic color exudes a sense of sleekness and modernity, captivating attention just like how a magnet attracts metal.

Download Stunning Magnetic Wallpapers and Backgrounds

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

Experience Elegance with Magnetic 4K Wallpaper

Immerse yourself in the beauty of our Magnetic 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 Magnetic 4K Wallpaper

Tints and Shades of #b2b5af HEX color (Magnetic)

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 #b2b5af, 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
  • #ECEDEB
  • #D9DAD7
  • #C5C8C3
  • #b2b5af
  • #868883
  • #595B58
  • #2D2D2C
  • #000000

Tones of Magnetic (#b2b5af HEX color)

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

  • #9ea09c
  • #a3a5a1
  • #a8aaa6
  • #adb0aa
  • #b2b5af
  • #61635f
  • #5c5e5a
  • #565954
  • #51544f

HTML Usage Examples

HTML using color code example

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

HTML / CSS Color Name using W3C

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

CSS color code example

p { color: #b2b5af; }

Text with hexadecimal color #b2b5af

This is a sample text with color #b2b5af.

Background Color with #b2b5af

This is a example with background color #b2b5af.

Border Color with #b2b5af

This is a example of a border with #b2b5af.

#b2b5af Color Preview on White (#ffffff) Background

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

#b2b5af Color Preview on Black (#000000) Background

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

CSS codes examples

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

Complementary Color

#b2b5af
#B3AFB6

Analogous Colors

#9D9D95
#9B9D95
#CDCECA
#B3B6AF
#CBCECA
#979D95
#959D95

Split Complementary Colors

#AFAFB6
#B3B6AF
#B6AFB6

Triadic Colors

#AFB3B6
#B3B6AF
#B6AFB3

Tetradic Colors

#AFB6B6
#B3AFB6
#B6AFAF