Color Peyote orange (#c5bbae):
HEX, RGB color codes for HTML and CSS

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

Peyote is a color with a HTML hex code of #c5bbae.

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 Peyote / #c5bbae

The HTML HEX code is #c5bbae. The corresponding color name is "Peyote". In RGB values (additive color space used for Digital Displays), this HEX code translates to Red (R): 197%, Green (G): 187%, Blue (B): 174%. In the CMYK color model (subtractive color model used in printing), it is represented by Cyan (C): 0%, Magenta (M): 5%, Yellow (Y):12%, Black (K): 23%. In the HSL color space, #c5bbae has a hue of 34°, saturation of 17%, and lightness of 73%. The HSV representation is 34° for hue, 12% for saturation, and 77% for value.

In the CIE-LAB color space, the color is denoted by L* (lightness) = 76, a* (green to red) = 1, and b* (blue to yellow) = 8. The XYZ representation is X: 48, Y: 50, Z: 47. In the YUV color space, it translates to Y (luminance) = 0.7392, U (chrominance) = -0.0280, and V (chrominance) = 0.0292.

The decimal value of the color is 12958638. The closest Web-safe HEX code is #CCCC99. Variations of the colour are #F0EEEA for a 20% lighter version and #9C8A73 for a 20% darker version.

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

The approximate wavelength of #c5bbae is around 632.00nm.

VALUECSS
HEX Codec5bbae#c5bbae
RGB Decimal Code197, 187, 174rgb(197, 187, 174)
CMYK0, 5, 12, 23/
HSL34°, 17%, 73%hsl(34°, 17%, 73%)
HSV34°, 12%, 77%/
CIE-LAB76, 1, 8/
XYZ 48, 50, 47/
YUV0.7392, -0.0280, 0.0292/
Decimal value12958638/
Web-Safe HEXCCCC99#CCCC99
Color Temperature (CT)5544 Kelvin (5544K)/
Estimate Wavelengtharound 632.00nm/

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

Peyote (#c5bbae) is a warm, earthy color reminiscent of desert sand and adobe clay houses. Its tonal qualities evoke the soothing and grounded nature of natural elements and objects like sun-warmed rocks, desert landscapes at sunset, or the soft texture of terracotta pottery. This color exudes a sense of tranquility and harmony, making it ideal for interior design or branding projects seeking to convey warmth, nature, and a touch of rustic elegance.

Download Stunning Peyote Wallpapers and Backgrounds

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

Experience Elegance with Peyote 4K Wallpaper

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

Tints and Shades of #c5bbae HEX color (Peyote)

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 #c5bbae, 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
  • #F1EEEB
  • #E2DDD7
  • #D4CCC2
  • #c5bbae
  • #948C83
  • #635E57
  • #312F2C
  • #000000

Tones of Peyote (#c5bbae HEX color)

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

  • #a9a39c
  • #b0a9a0
  • #b7afa5
  • #beb5a9
  • #c5bbae
  • #6d665d
  • #6a6257
  • #675e52
  • #64594c

HTML Usage Examples

HTML using color code example

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

HTML / CSS Color Name using W3C

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

CSS color code example

p { color: #c5bbae; }

Text with hexadecimal color #c5bbae

This is a sample text with color #c5bbae.

Background Color with #c5bbae

This is a example with background color #c5bbae.

Border Color with #c5bbae

This is a example of a border with #c5bbae.

#c5bbae Color Preview on White (#ffffff) Background

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

#c5bbae Color Preview on Black (#000000) Background

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

CSS codes examples

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

Complementary Color

#c5bbae
#AEB9C6

Analogous Colors

#B19391
#B19B91
#DBD1CC
#C6BCAE
#DBD8CC
#B1AB91
#AFB191

Split Complementary Colors

#AEC4C6
#C6BCAE
#B0AEC6

Triadic Colors

#AEC6BC
#C6BCAE
#BCAEC6

Tetradic Colors

#AEC6B0
#AEB9C6
#C6AEC4