Color Courteous blue (#d2d3de):
HEX, RGB color codes for HTML and CSS

The Comprehensive Guide to Courteous blue (#d2d3de):
Its Meaning and Harmonious Color Matches in Design.

Courteous is a color with a HTML hex code of #d2d3de.

Hue Family:

blues Family:

almost gray





low chroma

Color Information about Courteous / #d2d3de

The HTML HEX code is #d2d3de. The corresponding color name is "Courteous". In RGB values (additive color space used for Digital Displays), this HEX code translates to Red (R): 210%, Green (G): 211%, Blue (B): 222%. In the CMYK color model (subtractive color model used in printing), it is represented by Cyan (C): 5%, Magenta (M): 5%, Yellow (Y):0%, Black (K): 13%. In the HSL color space, #d2d3de has a hue of 235°, saturation of 15%, and lightness of 85%. The HSV representation is 235° for hue, 5% for saturation, and 87% for value.

In the CIE-LAB color space, the color is denoted by L* (lightness) = 85, a* (green to red) = 2, and b* (blue to yellow) = -6. The XYZ representation is X: 63, Y: 66, Z: 78. In the YUV color space, it translates to Y (luminance) = 0.8312, U (chrominance) = 0.0194, and V (chrominance) = -0.0067.

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

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

The approximate wavelength of #d2d3de is around 472.50nm.

HEX Coded2d3de#d2d3de
RGB Decimal Code210, 211, 222rgb(210, 211, 222)
CMYK5, 5, 0, 13/
HSL235°, 15%, 85%hsl(235°, 15%, 85%)
HSV235°, 5%, 87%/
CIE-LAB85, 2, -6/
XYZ 63, 66, 78/
YUV0.8312, 0.0194, -0.0067/
Decimal value13816798/
Color Temperature (CT)7112 Kelvin (7112K)/
Estimate Wavelengtharound 472.50nm/

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

The hex color #d2d3de, also known as Courteous, resembles the serene hue of a morning mist. This color evokes a sense of tranquility and composure, much like the gentle mist that settles over a calm lake. It shares similarities with the delicate petals of forget-me-not flowers, which display a similar shade of soft blue-gray. Courteous can also be compared to the understated elegance of a doves plumage, as it radiates a sense of grace and peacefulness. In summary, Courteous captivates with its soothing and understated charm, reminiscent of morning mist, forget-me-nots, and doves.

Download Stunning Courteous Wallpapers and Backgrounds

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

Experience Elegance with Courteous 4K Wallpaper

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

Tints and Shades of #d2d3de HEX color (Courteous)

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 #d2d3de, 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
  • #F4F4F7
  • #E9E9EF
  • #DDDEE6
  • #d2d3de
  • #9E9EA7
  • #696A6F
  • #353538
  • #000000

Tones of Courteous (#d2d3de HEX color)

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

  • #b1b2b8
  • #b9bac2
  • #c2c2cb
  • #cacbd5
  • #d2d3de
  • #6d6f82
  • #6a6c83
  • #666983
  • #636684

HTML Usage Examples

HTML using color code example

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

HTML / CSS Color Name using W3C

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

CSS color code example

p { color: #d2d3de; }

Text with hexadecimal color #d2d3de

This is a sample text with color #d2d3de.

Background Color with #d2d3de

This is a example with background color #d2d3de.

Border Color with #d2d3de

This is a example of a border with #d2d3de.

#d2d3de Color Preview on White (#ffffff) Background

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

#d2d3de Color Preview on Black (#000000) Background

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

CSS codes examples

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

Complementary Color


Analogous Colors


Split Complementary Colors


Triadic Colors


Tetradic Colors