Color Pacific Mist gray (#cdd5d3):
HEX, RGB color codes for HTML and CSS

The Comprehensive Guide to Pacific Mist gray (#cdd5d3):
Its Meaning and Harmonious Color Matches in Design.

Pacific Mist is a color with a HTML hex code of #cdd5d3.

Hue Family:
grays

grays Family:
light-muted

Saturation:
almost gray

Tones:
light-toned

Shade:
light

Temperature:
neutral

Chromaticity:
near-grayscale

Chroma:
low chroma

Color Information about Pacific Mist / #cdd5d3

The HTML HEX code is #cdd5d3. The corresponding color name is "Pacific Mist". In RGB values (additive color space used for Digital Displays), this HEX code translates to Red (R): 205%, Green (G): 213%, Blue (B): 211%. In the CMYK color model (subtractive color model used in printing), it is represented by Cyan (C): 4%, Magenta (M): 0%, Yellow (Y):1%, Black (K): 16%. In the HSL color space, #cdd5d3 has a hue of 165°, saturation of 9%, and lightness of 82%. The HSV representation is 165° for hue, 4% for saturation, and 84% for value.

In the CIE-LAB color space, the color is denoted by L* (lightness) = 85, a* (green to red) = -3, and b* (blue to yellow) = 0. The XYZ representation is X: 61, Y: 65, Z: 71. In the YUV color space, it translates to Y (luminance) = 0.8250, U (chrominance) = 0.0012, and V (chrominance) = -0.0185.

The decimal value of the color is 13489619. The closest Web-safe HEX code is #CCCCCC. Variations of the colour are #FFFFFF for a 20% lighter version and #95A7A2 for a 20% darker version.

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

The approximate wavelength of #cdd5d3 is around 507.50nm.

VALUECSS
HEX Codecdd5d3#cdd5d3
RGB Decimal Code205, 213, 211rgb(205, 213, 211)
CMYK4, 0, 1, 16/
HSL165°, 9%, 82%hsl(165°, 9%, 82%)
HSV165°, 4%, 84%/
CIE-LAB85, -3, 0/
XYZ 61, 65, 71/
YUV0.8250, 0.0012, -0.0185/
Decimal value13489619/
Web-Safe HEXCCCCCC#CCCCCC
Color Temperature (CT)6731 Kelvin (6731K)/
Estimate Wavelengtharound 507.50nm/

The Depth and Diversity of Pacific Mist (Hex: #cdd5d3): Exploring its Impact in Design and Culture

Pacific Mist, with the hex color #cdd5d3, resembles the serene and tranquil misty ocean on a calm day. This color captures the essence of a coastal getaway, evoking a sense of relaxation and peace. Similar to rolling fog over a quiet beach, Pacific Mist brings to mind images of soft, delicate clouds hovering above the waters edge. Its cool undertones and subtle grayish hue make it a perfect representation of the misty coastal atmosphere.

Download Stunning Pacific Mist Wallpapers and Backgrounds

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

Experience Elegance with Pacific Mist 4K Wallpaper

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

Tints and Shades of #cdd5d3 HEX color (Pacific Mist)

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 #cdd5d3, 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
  • #F3F5F4
  • #E6EAE9
  • #DAE0DE
  • #cdd5d3
  • #9AA09E
  • #676B6A
  • #333535
  • #000000

Tones of Pacific Mist (#cdd5d3 HEX color)

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

  • #aeb3b2
  • #b6bcba
  • #bec4c2
  • #c5cdcb
  • #cdd5d3
  • #6e7976
  • #6b7875
  • #687673
  • #657572

HTML Usage Examples

HTML using color code example

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

HTML / CSS Color Name using W3C

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

CSS color code example

p { color: #cdd5d3; }

Text with hexadecimal color #cdd5d3

This is a sample text with color #cdd5d3.

Background Color with #cdd5d3

This is a example with background color #cdd5d3.

Border Color with #cdd5d3

This is a example of a border with #cdd5d3.

#cdd5d3 Color Preview on White (#ffffff) Background

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

#cdd5d3 Color Preview on Black (#000000) Background

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

CSS codes examples

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

Complementary Color

#cdd5d3
#D5CDCF

Analogous Colors

#B1BEB4
#B1BEB8
#E9ECEB
#CDD5D3
#E9ECEC
#B1BEBE
#B1BBBE

Split Complementary Colors

#D5CDD3
#CDD5D3
#D5CFCD

Triadic Colors

#D3CDD5
#CDD5D3
#D5D3CD

Tetradic Colors

#CFCDD5
#D5CDCF
#D3D5CD