Color Tradewind cyan (#b7c5c6):
HEX, RGB color codes for HTML and CSS

The Comprehensive Guide to Tradewind cyan (#b7c5c6):
Its Meaning and Harmonious Color Matches in Design.

Tradewind is a color with a HTML hex code of #b7c5c6.

Hue Family:
cyans

cyans Family:
neutral-muted

Saturation:
almost gray

Tones:
colorful tone

Shade:
medium

Temperature:
cool

Chromaticity:
near-grayscale

Chroma:
low chroma

Color Information about Tradewind / #b7c5c6

The HTML HEX code is #b7c5c6. The corresponding color name is "Tradewind". In RGB values (additive color space used for Digital Displays), this HEX code translates to Red (R): 183%, Green (G): 197%, Blue (B): 198%. In the CMYK color model (subtractive color model used in printing), it is represented by Cyan (C): 8%, Magenta (M): 1%, Yellow (Y):0%, Black (K): 22%. In the HSL color space, #b7c5c6 has a hue of 184°, saturation of 12%, and lightness of 75%. The HSV representation is 184° for hue, 8% for saturation, and 78% for value.

In the CIE-LAB color space, the color is denoted by L* (lightness) = 79, a* (green to red) = -5, and b* (blue to yellow) = -2. The XYZ representation is X: 50, Y: 54, Z: 61. In the YUV color space, it translates to Y (luminance) = 0.7566, U (chrominance) = 0.0098, and V (chrominance) = -0.0342.

The decimal value of the color is 12043718. The closest Web-safe HEX code is #CCCCCC. Variations of the colour are #F1F4F4 for a 20% lighter version and #7E989A for a 20% darker version.

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

The approximate wavelength of #b7c5c6 is around 498.00nm.

VALUECSS
HEX Codeb7c5c6#b7c5c6
RGB Decimal Code183, 197, 198rgb(183, 197, 198)
CMYK8, 1, 0, 22/
HSL184°, 12%, 75%hsl(184°, 12%, 75%)
HSV184°, 8%, 78%/
CIE-LAB79, -5, -2/
XYZ 50, 54, 61/
YUV0.7566, 0.0098, -0.0342/
Decimal value12043718/
Web-Safe HEXCCCCCC#CCCCCC
Color Temperature (CT)7177 Kelvin (7177K)/
Estimate Wavelengtharound 498.00nm/

The Depth and Diversity of Tradewind (Hex: #b7c5c6): Exploring its Impact in Design and Culture

The hex color #b7c5c6, commonly known as Tradewind, is reminiscent of the misty atmosphere of a coastal town. This cool, grayish blue hue resembles the tranquil ocean on a cloudy day, evoking a sense of calmness and serenity. It can also be likened to the color of weathered driftwood, blending harmoniously with natural surroundings. Picture yourself strolling along a sandy beach, feeling the gentle breeze on your skin and listening to the soothing sound of crashing waves. Tradewind captures the essence of this serene coastal environment, making it a perfect choice for beach-inspired designs or themes.

Download Stunning Tradewind Wallpapers and Backgrounds

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

Experience Elegance with Tradewind 4K Wallpaper

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

Tints and Shades of #b7c5c6 HEX color (Tradewind)

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 #b7c5c6, 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
  • #EDF1F1
  • #DBE2E3
  • #C9D4D4
  • #b7c5c6
  • #899495
  • #5C6363
  • #2E3132
  • #000000

Tones of Tradewind (#b7c5c6 HEX color)

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

  • #a1a9aa
  • #a7b0b1
  • #acb7b8
  • #b2bebf
  • #b7c5c6
  • #626d6f
  • #5d6a6c
  • #586769
  • #536466

HTML Usage Examples

HTML using color code example

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

HTML / CSS Color Name using W3C

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

CSS color code example

p { color: #b7c5c6; }

Text with hexadecimal color #b7c5c6

This is a sample text with color #b7c5c6.

Background Color with #b7c5c6

This is a example with background color #b7c5c6.

Border Color with #b7c5c6

This is a example of a border with #b7c5c6.

#b7c5c6 Color Preview on White (#ffffff) Background

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

#b7c5c6 Color Preview on Black (#000000) Background

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

CSS codes examples

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

Complementary Color

#b7c5c6
#C7B9B8

Analogous Colors

#9BB0A7
#9BB0AD
#D4DDDC
#B8C6C7
#D4DADD
#9BAAB0
#9BA4B0

Split Complementary Colors

#C7B8BE
#B8C6C7
#C7C0B8

Triadic Colors

#C7B8C6
#B8C6C7
#C6C7B8

Tetradic Colors

#C0B8C7
#C7B9B8
#BEC7B8