Color Malibu Blue cyan (#00a9da):
HEX, RGB color codes for HTML and CSS

The Comprehensive Guide to Malibu Blue cyan (#00a9da):
Its Meaning and Harmonious Color Matches in Design.

Malibu Blue is a color with a HTML hex code of #00a9da.

Hue Family:
cyans

cyans Family:
neutral-vibrant

Saturation:
highly saturated

Tones:
mid-toned

Shade:
light

Temperature:
cool

Chromaticity:
chromatic

Chroma:
high chroma

Color Information about Malibu Blue / #00a9da

The HTML HEX code is #00a9da. The corresponding color name is "Malibu Blue". In RGB values (additive color space used for Digital Displays), this HEX code translates to Red (R): 0%, Green (G): 169%, Blue (B): 218%. In the CMYK color model (subtractive color model used in printing), it is represented by Cyan (C): 100%, Magenta (M): 22%, Yellow (Y):0%, Black (K): 15%. In the HSL color space, #00a9da has a hue of 193°, saturation of 100%, and lightness of 43%. The HSV representation is 193° for hue, 100% for saturation, and 85% for value.

In the CIE-LAB color space, the color is denoted by L* (lightness) = 65, a* (green to red) = -19, and b* (blue to yellow) = -35. The XYZ representation is X: 27, Y: 33, Z: 71. In the YUV color space, it translates to Y (luminance) = 0.4865, U (chrominance) = 0.1813, and V (chrominance) = -0.4268.

The decimal value of the color is 43482. The closest Web-safe HEX code is #0099CC. Variations of the colour are #42D6FF for a 20% lighter version and #005C75 for a 20% darker version.

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

The approximate wavelength of #00a9da is around 493.50nm.

VALUECSS
HEX Code00a9da#00a9da
RGB Decimal Code0, 169, 218rgb(0, 169, 218)
CMYK100, 22, 0, 15/
HSL193°, 100%, 43%hsl(193°, 100%, 43%)
HSV193°, 100%, 85%/
CIE-LAB65, -19, -35/
XYZ 27, 33, 71/
YUV0.4865, 0.1813, -0.4268/
Decimal value43482/
Web-Safe HEX0099CC#0099CC
Color Temperature (CT)33756 Kelvin (33756K)/
Estimate Wavelengtharound 493.50nm/

The Depth and Diversity of Malibu Blue (Hex: #00a9da): Exploring its Impact in Design and Culture

Malibu Blue, also known as #00a9da, is a vibrant shade reminiscent of the sparkling waters of a pristine tropical beach. Its captivating hue evokes a sense of tranquility, much like the clear blue skies on a sunny day. This color closely resembles the vibrant feathers of a Blue Jay, adding a touch of liveliness to any setting. Whether used in interior design, fashion, or branding, Malibu Blue exudes a sense of freshness and purity, leaving a lasting impression on viewers and creating a vibrant atmosphere.

Download Stunning Malibu Blue Wallpapers and Backgrounds

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

Experience Elegance with Malibu Blue 4K Wallpaper

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

Tints and Shades of #00a9da HEX color (Malibu Blue)

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 #00a9da, 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
  • #BFEAF6
  • #80D4ED
  • #40BFE3
  • #00a9da
  • #007FA4
  • #00556D
  • #002A37
  • #000000

Tones of Malibu Blue (#00a9da HEX color)

A tone is produced by adding gray to any pure hue. In the case of #00a9da, #3399b6 is the less saturated color, while #00a9da is the most saturated one.

  • #3399b6
  • #269dbf
  • #1aa1c8
  • #0da5d1
  • #00a9da
  • #333a3c
  • #262e30
  • #1a2225
  • #0d1719

HTML Usage Examples

HTML using color code example

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

HTML / CSS Color Name using W3C

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

CSS color code example

p { color: #00a9da; }

Text with hexadecimal color #00a9da

This is a sample text with color #00a9da.

Background Color with #00a9da

This is a example with background color #00a9da.

Border Color with #00a9da

This is a example of a border with #00a9da.

#00a9da Color Preview on White (#ffffff) Background

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

#00a9da Color Preview on Black (#000000) Background

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

CSS codes examples

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

Complementary Color

#00a9da
#DB3000

Analogous Colors

#00A879
#00A8A3
#0FFFF7
#00ACDB
#0F8FFF
#005AA8
#0030A8

Split Complementary Colors

#DB003E
#00ACDB
#DB9D00

Triadic Colors

#DB00AC
#00ACDB
#ACDB00

Tetradic Colors

#9D00DB
#DB3000
#3EDB00