Color Icebreaker aqua-blue (#b7c2cc):
HEX, RGB color codes for HTML and CSS

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

Icebreaker is a color with a HTML hex code of #b7c2cc.

Hue Family:
aqua-blues

aqua-blues Family:
light-muted

Saturation:
weakly saturated

Tones:
colorful tone

Shade:
medium

Temperature:
cool

Chromaticity:
chromatic

Chroma:
low chroma

Color Information about Icebreaker / #b7c2cc

The HTML HEX code is #b7c2cc. The corresponding color name is "Icebreaker". In RGB values (additive color space used for Digital Displays), this HEX code translates to Red (R): 183%, Green (G): 194%, Blue (B): 204%. In the CMYK color model (subtractive color model used in printing), it is represented by Cyan (C): 10%, Magenta (M): 5%, Yellow (Y):0%, Black (K): 20%. In the HSL color space, #b7c2cc has a hue of 209°, saturation of 17%, and lightness of 76%. The HSV representation is 209° for hue, 10% for saturation, and 80% for value.

In the CIE-LAB color space, the color is denoted by L* (lightness) = 78, a* (green to red) = -2, and b* (blue to yellow) = -6. The XYZ representation is X: 50, Y: 53, Z: 65. In the YUV color space, it translates to Y (luminance) = 0.7524, U (chrominance) = 0.0235, and V (chrominance) = -0.0305.

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

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

The approximate wavelength of #b7c2cc is around 485.50nm.

VALUECSS
HEX Codeb7c2cc#b7c2cc
RGB Decimal Code183, 194, 204rgb(183, 194, 204)
CMYK10, 5, 0, 20/
HSL209°, 17%, 76%hsl(209°, 17%, 76%)
HSV209°, 10%, 80%/
CIE-LAB78, -2, -6/
XYZ 50, 53, 65/
YUV0.7524, 0.0235, -0.0305/
Decimal value12042956/
Web-Safe HEXCCCCCC#CCCCCC
Color Temperature (CT)7616 Kelvin (7616K)/
Estimate Wavelengtharound 485.50nm/

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

The hex color #b7c2cc, known as Icebreaker, resembles the cool and tranquil hues seen in glacial ice. This color evokes images of vast polar landscapes, where pristine ice formations reflect the light, creating a serene and otherworldly atmosphere. It is similar to the soft blueish-white tones found in glaciers, icebergs, and frozen lakes. Icebreaker is the perfect choice to convey a sense of calmness and tranquility in design, making it ideal for wellness websites, spa branding, or any project that aims to create a soothing and refreshing ambiance.

Download Stunning Icebreaker Wallpapers and Backgrounds

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

Experience Elegance with Icebreaker 4K Wallpaper

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

Tints and Shades of #b7c2cc HEX color (Icebreaker)

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 #b7c2cc, 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
  • #EDF0F2
  • #DBE1E6
  • #C9D1D9
  • #b7c2cc
  • #899299
  • #5C6166
  • #2E3133
  • #000000

Tones of Icebreaker (#b7c2cc HEX color)

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

  • #a1a8ae
  • #a7aeb5
  • #acb5bd
  • #b2bbc4
  • #b7c2cc
  • #616a73
  • #5c6771
  • #56636f
  • #51606d

HTML Usage Examples

HTML using color code example

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

HTML / CSS Color Name using W3C

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

CSS color code example

p { color: #b7c2cc; }

Text with hexadecimal color #b7c2cc

This is a sample text with color #b7c2cc.

Background Color with #b7c2cc

This is a example with background color #b7c2cc.

Border Color with #b7c2cc

This is a example of a border with #b7c2cc.

#b7c2cc Color Preview on White (#ffffff) Background

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

#b7c2cc Color Preview on Black (#000000) Background

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

CSS codes examples

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

Complementary Color

#b7c2cc
#CCC1B7

Analogous Colors

#9AB7B7
#9AB0B7
#D5DFE1
#B7C2CC
#D5D8E1
#9AA1B7
#9A9AB7

Split Complementary Colors

#CCB7B8
#B7C2CC
#CCCCB7

Triadic Colors

#CCB7C2
#B7C2CC
#C2CCB7

Tetradic Colors

#CCB7CC
#CCC1B7
#B8CCB7