Color Puddle Jumper cyan (#6a8389):
HEX, RGB color codes for HTML and CSS

The Comprehensive Guide to Puddle Jumper cyan (#6a8389):
Its Meaning and Harmonious Color Matches in Design.

Puddle Jumper is a color with a HTML hex code of #6a8389.

Hue Family:
cyans

cyans Family:
neutral-muted

Saturation:
weakly saturated

Tones:
mid-toned

Shade:
medium

Temperature:
cool

Chromaticity:
chromatic

Chroma:
low chroma

Color Information about Puddle Jumper / #6a8389

The HTML HEX code is #6a8389. The corresponding color name is "Puddle Jumper". In RGB values (additive color space used for Digital Displays), this HEX code translates to Red (R): 106%, Green (G): 131%, Blue (B): 137%. In the CMYK color model (subtractive color model used in printing), it is represented by Cyan (C): 23%, Magenta (M): 4%, Yellow (Y):0%, Black (K): 46%. In the HSL color space, #6a8389 has a hue of 192°, saturation of 13%, and lightness of 48%. The HSV representation is 192° for hue, 23% for saturation, and 54% for value.

In the CIE-LAB color space, the color is denoted by L* (lightness) = 53, a* (green to red) = -8, and b* (blue to yellow) = -6. The XYZ representation is X: 19, Y: 21, Z: 27. In the YUV color space, it translates to Y (luminance) = 0.4871, U (chrominance) = 0.0247, and V (chrominance) = -0.0626.

The decimal value of the color is 6980489. The closest Web-safe HEX code is #669999. Variations of the colour are #A3B4B8 for a 20% lighter version and #3E4D51 for a 20% darker version.

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

The approximate wavelength of #6a8389 is around 494.00nm.

VALUECSS
HEX Code6a8389#6a8389
RGB Decimal Code106, 131, 137rgb(106, 131, 137)
CMYK23, 4, 0, 46/
HSL192°, 13%, 48%hsl(192°, 13%, 48%)
HSV192°, 23%, 54%/
CIE-LAB53, -8, -6/
XYZ 19, 21, 27/
YUV0.4871, 0.0247, -0.0626/
Decimal value6980489/
Web-Safe HEX669999#669999
Color Temperature (CT)8819 Kelvin (8819K)/
Estimate Wavelengtharound 494.00nm/

The Depth and Diversity of Puddle Jumper (Hex: #6a8389): Exploring its Impact in Design and Culture

The hex color #6a8389, also known as Puddle Jumper, is reminiscent of the still waters of a secluded pond. It exudes a tranquil and serene vibe, similar to a hidden oasis nestled in nature. This color evokes the essence of a misty morning in a serene forest, where the sunlight filters through the dense canopy, casting a soothing blue-green hue on the moss-covered rocks strewn across the forest floor. Puddle Jumper also captures the calmness of a gentle rain shower, with raindrops creating ripples on the surface of a peaceful pond.

Download Stunning Puddle Jumper Wallpapers and Backgrounds

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

Experience Elegance with Puddle Jumper 4K Wallpaper

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

Tints and Shades of #6a8389 HEX color (Puddle Jumper)

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 #6a8389, 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
  • #DAE0E2
  • #B5C1C4
  • #8FA2A7
  • #6a8389
  • #506267
  • #354245
  • #1B2122
  • #000000

Tones of Puddle Jumper (#6a8389 HEX color)

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

  • #738285
  • #718286
  • #6e8287
  • #6c8388
  • #6a8389
  • #3d4040
  • #323536
  • #272a2b
  • #1c2021

HTML Usage Examples

HTML using color code example

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

HTML / CSS Color Name using W3C

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

CSS color code example

p { color: #6a8389; }

Text with hexadecimal color #6a8389

This is a sample text with color #6a8389.

Background Color with #6a8389

This is a example with background color #6a8389.

Border Color with #6a8389

This is a example of a border with #6a8389.

#6a8389 Color Preview on White (#ffffff) Background

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

#6a8389 Color Preview on Black (#000000) Background

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

CSS codes examples

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

Complementary Color

#6a8389
#8A716A

Analogous Colors

#546D66
#546D6C
#86A2A0
#6A848A
#8695A2
#54626D
#545C6D

Split Complementary Colors

#8A6A74
#6A848A
#8A816A

Triadic Colors

#8A6A84
#6A848A
#848A6A

Tetradic Colors

#816A8A
#8A716A
#748A6A