Color Tuft orange (#cbc2ad):
HEX, RGB color codes for HTML and CSS

The Comprehensive Guide to Tuft orange (#cbc2ad):
Its Meaning and Harmonious Color Matches in Design.

Tuft is a color with a HTML hex code of #cbc2ad.

Hue Family:
oranges

oranges Family:
neutral-muted

Saturation:
weakly saturated

Tones:
colorful tone

Shade:
medium

Temperature:
warm

Chromaticity:
chromatic

Chroma:
low chroma

Color Information about Tuft / #cbc2ad

The HTML HEX code is #cbc2ad. The corresponding color name is "Tuft". In RGB values (additive color space used for Digital Displays), this HEX code translates to Red (R): 203%, Green (G): 194%, Blue (B): 173%. In the CMYK color model (subtractive color model used in printing), it is represented by Cyan (C): 0%, Magenta (M): 4%, Yellow (Y):15%, Black (K): 20%. In the HSL color space, #cbc2ad has a hue of 42°, saturation of 22%, and lightness of 74%. The HSV representation is 42° for hue, 15% for saturation, and 80% for value.

In the CIE-LAB color space, the color is denoted by L* (lightness) = 79, a* (green to red) = 0, and b* (blue to yellow) = 12. The XYZ representation is X: 51, Y: 54, Z: 47. In the YUV color space, it translates to Y (luminance) = 0.7619, U (chrominance) = -0.0411, and V (chrominance) = 0.0299.

The decimal value of the color is 13353645. The closest Web-safe HEX code is #CCCC99. Variations of the colour are #F3F1EC for a 20% lighter version and #A49470 for a 20% darker version.

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

The approximate wavelength of #cbc2ad is around 616.00nm.

VALUECSS
HEX Codecbc2ad#cbc2ad
RGB Decimal Code203, 194, 173rgb(203, 194, 173)
CMYK0, 4, 15, 20/
HSL42°, 22%, 74%hsl(42°, 22%, 74%)
HSV42°, 15%, 80%/
CIE-LAB79, 0, 12/
XYZ 51, 54, 47/
YUV0.7619, -0.0411, 0.0299/
Decimal value13353645/
Web-Safe HEXCCCC99#CCCC99
Color Temperature (CT)5352 Kelvin (5352K)/
Estimate Wavelengtharound 616.00nm/

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

The color Tuft (#cbc2ad) resembles the warm sandy tones found in a serene desert landscape. It evokes a sense of tranquility and raw beauty, much like the sun-kissed dunes of the Sahara or the arid expanse of the American Southwest. The earthy hue of Tuft can also be likened to the natural texture of weathered driftwood, adding a touch of organic elegance to any design. Tufts neutral undertones make it a versatile choice that pairs well with both bold and muted color palettes, making it a reliable option for a range of projects.

Download Stunning Tuft Wallpapers and Backgrounds

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

Experience Elegance with Tuft 4K Wallpaper

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

Tints and Shades of #cbc2ad HEX color (Tuft)

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 #cbc2ad, 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
  • #F2F0EB
  • #E5E1D6
  • #D8D1C2
  • #cbc2ad
  • #989282
  • #666157
  • #33312B
  • #000000

Tones of Tuft (#cbc2ad HEX color)

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

  • #ada89b
  • #b5aea0
  • #bcb5a4
  • #c4bba9
  • #cbc2ad
  • #726c5b
  • #706855
  • #6e654f
  • #6b6149

HTML Usage Examples

HTML using color code example

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

HTML / CSS Color Name using W3C

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

CSS color code example

p { color: #cbc2ad; }

Text with hexadecimal color #cbc2ad

This is a sample text with color #cbc2ad.

Background Color with #cbc2ad

This is a example with background color #cbc2ad.

Border Color with #cbc2ad

This is a example of a border with #cbc2ad.

#cbc2ad Color Preview on White (#ffffff) Background

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

#cbc2ad Color Preview on Black (#000000) Background

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

CSS codes examples

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

Complementary Color

#cbc2ad
#AEB7CB

Analogous Colors

#B7978F
#B7A18F
#DFD5CD
#CBC3AE
#DFDECD
#B7B58F
#AFB78F

Split Complementary Colors

#AEC5CB
#CBC3AE
#B4AECB

Triadic Colors

#AECBC3
#CBC3AE
#C3AECB

Tetradic Colors

#AECBB4
#AEB7CB
#CBAEC5