Color Blumine aqua-blue (#305c71):
HEX, RGB color codes for HTML and CSS

The Comprehensive Guide to Blumine aqua-blue (#305c71):
Its Meaning and Harmonious Color Matches in Design.

Blumine is a color with a HTML hex code of #305c71.

Hue Family:

aqua-blues Family:

moderately saturated

colorful tone




medium chroma

Color Information about Blumine / #305c71

The HTML HEX code is #305c71. The corresponding color name is "Blumine". In RGB values (additive color space used for Digital Displays), this HEX code translates to Red (R): 48%, Green (G): 92%, Blue (B): 113%. In the CMYK color model (subtractive color model used in printing), it is represented by Cyan (C): 58%, Magenta (M): 19%, Yellow (Y):0%, Black (K): 56%. In the HSL color space, #305c71 has a hue of 199°, saturation of 40%, and lightness of 32%. The HSV representation is 199° for hue, 58% for saturation, and 44% for value.

In the CIE-LAB color space, the color is denoted by L* (lightness) = 37, a* (green to red) = -9, and b* (blue to yellow) = -17. The XYZ representation is X: 8, Y: 9, Z: 17. In the YUV color space, it translates to Y (luminance) = 0.3186, U (chrominance) = 0.0613, and V (chrominance) = -0.1144.

The decimal value of the color is 3169393. The closest Web-safe HEX code is #336666. Variations of the colour are #5497B6 for a 20% lighter version and #12232B for a 20% darker version.

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

The approximate wavelength of #305c71 is around 490.50nm.

HEX Code305c71#305c71
RGB Decimal Code48, 92, 113rgb(48, 92, 113)
CMYK58, 19, 0, 56/
HSL199°, 40%, 32%hsl(199°, 40%, 32%)
HSV199°, 58%, 44%/
CIE-LAB37, -9, -17/
XYZ 8, 9, 17/
YUV0.3186, 0.0613, -0.1144/
Decimal value3169393/
Web-Safe HEX336666#336666
Color Temperature (CT)18274 Kelvin (18274K)/
Estimate Wavelengtharound 490.50nm/

The Depth and Diversity of Blumine (Hex: #305c71): Exploring its Impact in Design and Culture

Blumine (#305c71) is a deep, serene shade that resembles the tranquility of a vast ocean at dusk. Its blue undertones evoke the freshness of a clear summer sky or the enchantment of a hidden underwater cave. Blumine exudes a sense of stability and reliability, much like the sturdy bark of a towering oak tree or the comforting warmth of a roaring fireplace. This color surrounds you with a sense of calmness, similar to the rhythmic sound of waves crashing on a sandy shore or the gentle rustle of wind through a dense forest.

Download Stunning Blumine Wallpapers and Backgrounds

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

Experience Elegance with Blumine 4K Wallpaper

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

Tints and Shades of #305c71 HEX color (Blumine)

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 #305c71, 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
  • #CBD6DC
  • #98AEB8
  • #648595
  • #305c71
  • #244555
  • #182E39
  • #0C171C
  • #000000

Tones of Blumine (#305c71 HEX color)

A tone is produced by adding gray to any pure hue. In the case of #305c71, #506a77 is the less saturated color, while #305c71 is the most saturated one.

  • #506a77
  • #486776
  • #406374
  • #386073
  • #305c71
  • #333333
  • #262626
  • #1a1a1a
  • #0d0d0d

HTML Usage Examples

HTML using color code example

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

HTML / CSS Color Name using W3C

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

CSS color code example

p { color: #305c71; }

Text with hexadecimal color #305c71

This is a sample text with color #305c71.

Background Color with #305c71

This is a example with background color #305c71.

Border Color with #305c71

This is a example of a border with #305c71.

#305c71 Color Preview on White (#ffffff) Background

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

#305c71 Color Preview on Black (#000000) Background

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

CSS codes examples

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

Complementary Color


Analogous Colors


Split Complementary Colors


Triadic Colors


Tetradic Colors