Color Sludge brown (#ca6b02):
HEX, RGB color codes for HTML and CSS

The Comprehensive Guide to Sludge brown (#ca6b02):
Its Meaning and Harmonious Color Matches in Design.

Sludge is a color with a HTML hex code of #ca6b02.

Hue Family:
browns

browns Family:
neutral-vibrant

Saturation:
highly saturated

Tones:
colorful tone

Shade:
medium

Temperature:
warm

Chromaticity:
chromatic

Chroma:
high chroma

Color Information about Sludge / #ca6b02

The HTML HEX code is #ca6b02. The corresponding color name is "Sludge". In RGB values (additive color space used for Digital Displays), this HEX code translates to Red (R): 202%, Green (G): 107%, Blue (B): 2%. In the CMYK color model (subtractive color model used in printing), it is represented by Cyan (C): 0%, Magenta (M): 47%, Yellow (Y):99%, Black (K): 21%. In the HSL color space, #ca6b02 has a hue of 32°, saturation of 98%, and lightness of 40%. The HSV representation is 32° for hue, 99% for saturation, and 79% for value.

In the CIE-LAB color space, the color is denoted by L* (lightness) = 55, a* (green to red) = 32, and b* (blue to yellow) = 63. The XYZ representation is X: 30, Y: 23, Z: 3. In the YUV color space, it translates to Y (luminance) = 0.4841, U (chrominance) = -0.2343, and V (chrominance) = 0.2703.

The decimal value of the color is 13265666. The closest Web-safe HEX code is #CC6600. Variations of the colour are #FDA035 for a 20% lighter version and #653601 for a 20% darker version.

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

The approximate wavelength of #ca6b02 is around 636.00nm.

VALUECSS
HEX Codeca6b02#ca6b02
RGB Decimal Code202, 107, 2rgb(202, 107, 2)
CMYK0, 47, 99, 21/
HSL32°, 98%, 40%hsl(32°, 98%, 40%)
HSV32°, 99%, 79%/
CIE-LAB55, 32, 63/
XYZ 30, 23, 3/
YUV0.4841, -0.2343, 0.2703/
Decimal value13265666/
Web-Safe HEXCC6600#CC6600
Color Temperature (CT)1947 Kelvin (1947K)/
Estimate Wavelengtharound 636.00nm/

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

The hex color #ca6b02, also known as Sludge, resembles the earthy tones found in muddy terrain after a rainfall. Like wet clay, it possesses a deep, reddish-brown hue that exudes warmth and richness. When seen in natural elements, Sludge can be likened to rusted iron, the bark of a mature oak tree, or the burnt sienna of fallen autumn leaves. In common objects, this color is reminiscent of dark leather, a well-aged bronze sculpture, or the shade achieved when roasted coffee beans reach their peak. Its grounding and organic nature make Sludge a versatile and captivating choice.

Download Stunning Sludge Wallpapers and Backgrounds

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

Experience Elegance with Sludge 4K Wallpaper

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

Tints and Shades of #ca6b02 HEX color (Sludge)

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 #ca6b02, 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
  • #F2DAC0
  • #E5B581
  • #D79041
  • #ca6b02
  • #985002
  • #653601
  • #331B01
  • #000000

Tones of Sludge (#ca6b02 HEX color)

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

  • #ac7334
  • #b47128
  • #bb6f1b
  • #c36d0f
  • #ca6b02
  • #333333
  • #262626
  • #1a1a1a
  • #0d0d0d

HTML Usage Examples

HTML using color code example

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

HTML / CSS Color Name using W3C

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

CSS color code example

p { color: #ca6b02; }

Text with hexadecimal color #ca6b02

This is a sample text with color #ca6b02.

Background Color with #ca6b02

This is a example with background color #ca6b02.

Border Color with #ca6b02

This is a example of a border with #ca6b02.

#ca6b02 Color Preview on White (#ffffff) Background

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

#ca6b02 Color Preview on Black (#000000) Background

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

CSS codes examples

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

Complementary Color

#ca6b02
#025FCA

Analogous Colors

#970702
#972C02
#FC4903
#CA6D02
#FCC603
#977702
#929702

Split Complementary Colors

#02C3CA
#CA6D02
#0902CA

Triadic Colors

#02CA6D
#CA6D02
#6D02CA

Tetradic Colors

#02CA09
#025FCA
#CA02C3