Color Madison aqua-blue (#2d3c54):
HEX, RGB color codes for HTML and CSS

The Comprehensive Guide to Madison aqua-blue (#2d3c54):
Its Meaning and Harmonious Color Matches in Design.

Madison is a color with a HTML hex code of #2d3c54.

Hue Family:

aqua-blues Family:

moderately saturated

colorful tone




low chroma

Color Information about Madison / #2d3c54

The HTML HEX code is #2d3c54. The corresponding color name is "Madison". In RGB values (additive color space used for Digital Displays), this HEX code translates to Red (R): 45%, Green (G): 60%, Blue (B): 84%. In the CMYK color model (subtractive color model used in printing), it is represented by Cyan (C): 46%, Magenta (M): 29%, Yellow (Y):0%, Black (K): 67%. In the HSL color space, #2d3c54 has a hue of 217°, saturation of 30%, and lightness of 25%. The HSV representation is 217° for hue, 46% for saturation, and 33% for value.

In the CIE-LAB color space, the color is denoted by L* (lightness) = 25, a* (green to red) = 1, and b* (blue to yellow) = -16. The XYZ representation is X: 4, Y: 4, Z: 9. In the YUV color space, it translates to Y (luminance) = 0.2284, U (chrominance) = 0.0497, and V (chrominance) = -0.0456.

The decimal value of the color is 2964564. The closest Web-safe HEX code is #333366. Variations of the colour are #506B95 for a 20% lighter version and #090C11 for a 20% darker version.

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

The approximate wavelength of #2d3c54 is around 481.50nm.

HEX Code2d3c54#2d3c54
RGB Decimal Code45, 60, 84rgb(45, 60, 84)
CMYK46, 29, 0, 67/
HSL217°, 30%, 25%hsl(217°, 30%, 25%)
HSV217°, 46%, 33%/
CIE-LAB25, 1, -16/
XYZ 4, 4, 9/
YUV0.2284, 0.0497, -0.0456/
Decimal value2964564/
Web-Safe HEX333366#333366
Color Temperature (CT)23328 Kelvin (23328K)/
Estimate Wavelengtharound 481.50nm/

The Depth and Diversity of Madison (Hex: #2d3c54): Exploring its Impact in Design and Culture

The color Madison (#2d3c54) is a deep, rich, and assertive hue that resembles the tranquility of an evening sky just before twilight. It shares similarities with the quietude of a secluded forest, where the shadows cast by towering evergreens create a sense of mystery and calmness. This color also evokes the elegance and grace of a graceful swan gliding across a shimmering lake. Madison encapsulates the essence of sophistication and timelessness, much like a vintage leather-bound book displayed on a mahogany shelf.

Download Stunning Madison Wallpapers and Backgrounds

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

Experience Elegance with Madison 4K Wallpaper

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

Tints and Shades of #2d3c54 HEX color (Madison)

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 #2d3c54, 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
  • #CBCED4
  • #969EAA
  • #626D7F
  • #2d3c54
  • #222D3F
  • #171E2A
  • #0B0F15
  • #000000

Tones of Madison (#2d3c54 HEX color)

A tone is produced by adding gray to any pure hue. In the case of #2d3c54, #4e5766 is the less saturated color, while #2d3c54 is the most saturated one.

  • #4e5766
  • #465061
  • #3e4a5d
  • #354358
  • #2d3c54
  • #333333
  • #262626
  • #1a1a1a
  • #0d0d0d

HTML Usage Examples

HTML using color code example

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

HTML / CSS Color Name using W3C

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

CSS color code example

p { color: #2d3c54; }

Text with hexadecimal color #2d3c54

This is a sample text with color #2d3c54.

Background Color with #2d3c54

This is a example with background color #2d3c54.

Border Color with #2d3c54

This is a example of a border with #2d3c54.

#2d3c54 Color Preview on White (#ffffff) Background

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

#2d3c54 Color Preview on Black (#000000) Background

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

CSS codes examples

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

Complementary Color


Analogous Colors


Split Complementary Colors


Triadic Colors


Tetradic Colors