Color Beach View aqua-blue (#4f7694):
HEX, RGB color codes for HTML and CSS

The Comprehensive Guide to Beach View aqua-blue (#4f7694):
Its Meaning and Harmonious Color Matches in Design.

Beach View is a color with a HTML hex code of #4f7694.

Hue Family:
aqua-blues

aqua-blues Family:
neutral

Saturation:
moderately saturated

Tones:
colorful tone

Shade:
medium

Temperature:
cool

Chromaticity:
chromatic

Chroma:
medium chroma

Color Information about Beach View / #4f7694

The HTML HEX code is #4f7694. The corresponding color name is "Beach View". In RGB values (additive color space used for Digital Displays), this HEX code translates to Red (R): 79%, Green (G): 118%, Blue (B): 148%. In the CMYK color model (subtractive color model used in printing), it is represented by Cyan (C): 47%, Magenta (M): 20%, Yellow (Y):0%, Black (K): 42%. In the HSL color space, #4f7694 has a hue of 206°, saturation of 30%, and lightness of 45%. The HSV representation is 206° for hue, 47% for saturation, and 58% for value.

In the CIE-LAB color space, the color is denoted by L* (lightness) = 48, a* (green to red) = -5, and b* (blue to yellow) = -21. The XYZ representation is X: 15, Y: 17, Z: 30. In the YUV color space, it translates to Y (luminance) = 0.4304, U (chrominance) = 0.0738, and V (chrominance) = -0.1058.

The decimal value of the color is 5207700. The closest Web-safe HEX code is #666699. Variations of the colour are #8BA9C1 for a 20% lighter version and #2D4253 for a 20% darker version.

For the color with hex value #4f7694, the correlated color temperature (CT) is estimated to be 17627 Kelvin (17627K).

The approximate wavelength of #4f7694 is around 487.00nm.

VALUECSS
HEX Code4f7694#4f7694
RGB Decimal Code79, 118, 148rgb(79, 118, 148)
CMYK47, 20, 0, 42/
HSL206°, 30%, 45%hsl(206°, 30%, 45%)
HSV206°, 47%, 58%/
CIE-LAB48, -5, -21/
XYZ 15, 17, 30/
YUV0.4304, 0.0738, -0.1058/
Decimal value5207700/
Web-Safe HEX666699#666699
Color Temperature (CT)17627 Kelvin (17627K)/
Estimate Wavelengtharound 487.00nm/

The Depth and Diversity of Beach View (Hex: #4f7694): Exploring its Impact in Design and Culture

Beach View (#4f7694) is a serene and tranquil color that evokes a sense of coastal bliss. Its blue-green hue is reminiscent of the deep ocean waters, while its subtle gray undertones mirror the sandy shores. This color captures the essence of a peaceful beach scene, with the sparkling sunlight reflecting off the waves and the gentle sea breeze whispering through the palm trees. Just like the view from a beach, this color instills a feeling of relaxation and escape, creating a soothing atmosphere. Its associations with nature and tranquility make it a perfect choice for beach-themed websites, vacation destinations, or coastal-inspired products.

Download Stunning Beach View Wallpapers and Backgrounds

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

Experience Elegance with Beach View 4K Wallpaper

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

Tints and Shades of #4f7694 HEX color (Beach View)

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 #4f7694, 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
  • #D3DDE4
  • #A7BBCA
  • #7B98AF
  • #4f7694
  • #3B596F
  • #283B4A
  • #141E25
  • #000000

Tones of Beach View (#4f7694 HEX color)

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

  • #637a8c
  • #5e798e
  • #597890
  • #547792
  • #4f7694
  • #383a3c
  • #2c2f31
  • #202326
  • #14181a

HTML Usage Examples

HTML using color code example

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

HTML / CSS Color Name using W3C

W3C HTML / CSS Color Name doesn't exist for #4f7694.

CSS color code example

p { color: #4f7694; }

Text with hexadecimal color #4f7694

This is a sample text with color #4f7694.

Background Color with #4f7694

This is a example with background color #4f7694.

Border Color with #4f7694

This is a example of a border with #4f7694.

#4f7694 Color Preview on White (#ffffff) Background

This is a example of text with color #4f7694 on white background.

#4f7694 Color Preview on Black (#000000) Background

This is a example of text with color #4f7694 on black background.

CSS codes examples

.text {color:#4f7694;}
.background {background-color:#4f7694;}
.border {border:1px solid #4f7694;}

Complementary Color

#4f7694
#956E50

Analogous Colors

#3E7470
#3E6A74
#6AA2AF
#507795
#6A80AF
#3E4F74
#3E4274

Split Complementary Colors

#955055
#507795
#959150

Triadic Colors

#955077
#507795
#779550

Tetradic Colors

#915095
#956E50
#559550