Color Bismarck aqua-blue (#486c7a):
HEX, RGB color codes for HTML and CSS

The Comprehensive Guide to Bismarck aqua-blue (#486c7a):
Its Meaning and Harmonious Color Matches in Design.

Bismarck is a color with a HTML hex code of #486c7a.

Hue Family:
aqua-blues

aqua-blues Family:
neutral

Saturation:
moderately saturated

Tones:
colorful tone

Shade:
medium

Temperature:
cool

Chromaticity:
chromatic

Chroma:
low chroma

Color Information about Bismarck / #486c7a

The HTML HEX code is #486c7a. The corresponding color name is "Bismarck". In RGB values (additive color space used for Digital Displays), this HEX code translates to Red (R): 72%, Green (G): 108%, Blue (B): 122%. In the CMYK color model (subtractive color model used in printing), it is represented by Cyan (C): 41%, Magenta (M): 11%, Yellow (Y):0%, Black (K): 52%. In the HSL color space, #486c7a has a hue of 197°, saturation of 26%, and lightness of 38%. The HSV representation is 197° for hue, 41% for saturation, and 48% for value.

In the CIE-LAB color space, the color is denoted by L* (lightness) = 44, a* (green to red) = -9, and b* (blue to yellow) = -12. The XYZ representation is X: 12, Y: 14, Z: 20. In the YUV color space, it translates to Y (luminance) = 0.3876, U (chrominance) = 0.0447, and V (chrominance) = -0.0923.

The decimal value of the color is 4746362. The closest Web-safe HEX code is #336666. Variations of the colour are #78A0B0 for a 20% lighter version and #22333A for a 20% darker version.

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

The approximate wavelength of #486c7a is around 491.50nm.

VALUECSS
HEX Code486c7a#486c7a
RGB Decimal Code72, 108, 122rgb(72, 108, 122)
CMYK41, 11, 0, 52/
HSL197°, 26%, 38%hsl(197°, 26%, 38%)
HSV197°, 41%, 48%/
CIE-LAB44, -9, -12/
XYZ 12, 14, 20/
YUV0.3876, 0.0447, -0.0923/
Decimal value4746362/
Web-Safe HEX336666#336666
Color Temperature (CT)12190 Kelvin (12190K)/
Estimate Wavelengtharound 491.50nm/

The Depth and Diversity of Bismarck (Hex: #486c7a): Exploring its Impact in Design and Culture

The hex color #486c7a, also known as Bismarck, resembles the deep blue-gray tone of a stormy sea. It captures the essence of the crashing waves against the rugged shore, evoking a sense of power and tranquility. This color can be compared to the turbulent skies before a thunderstorm or the majestic presence of a towering mountain range. Bismarcks hue is reminiscent of the rich, dark feathers of an eagle soaring through the vast expanse of a clear, open sky.

Download Stunning Bismarck Wallpapers and Backgrounds

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

Experience Elegance with Bismarck 4K Wallpaper

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

Tints and Shades of #486c7a HEX color (Bismarck)

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 #486c7a, 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
  • #D1DADE
  • #A4B6BD
  • #76919B
  • #486c7a
  • #36515C
  • #24363D
  • #121B1F
  • #000000

Tones of Bismarck (#486c7a HEX color)

A tone is produced by adding gray to any pure hue. In the case of #486c7a, #5e747c is the less saturated color, while #486c7a is the most saturated one.

  • #5e747c
  • #59727c
  • #53707b
  • #4e6e7b
  • #486c7a
  • #333333
  • #262626
  • #1a1a1a
  • #0d0d0d

HTML Usage Examples

HTML using color code example

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

HTML / CSS Color Name using W3C

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

CSS color code example

p { color: #486c7a; }

Text with hexadecimal color #486c7a

This is a sample text with color #486c7a.

Background Color with #486c7a

This is a example with background color #486c7a.

Border Color with #486c7a

This is a example of a border with #486c7a.

#486c7a Color Preview on White (#ffffff) Background

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

#486c7a Color Preview on Black (#000000) Background

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

CSS codes examples

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

Complementary Color

#486c7a
#7A5648

Analogous Colors

#355A52
#35595A
#5B989A
#486C7A
#5B789A
#35465A
#353D5A

Split Complementary Colors

#7A4853
#486C7A
#7A6F48

Triadic Colors

#7A486C
#486C7A
#6C7A48

Tetradic Colors

#6F487A
#7A5648
#537A48