Caramel Color Code: HEX Code & RGB Code Values

Looking for specific caramel color code? Get exact caramel hex code #AF6C3B and caramel RGB code rgb(175,108,59). Complete color information for design and development projects featuring this sweet, golden-brown color.

HEX#AF6C3B

RGBrgb(175,108,59)

Shades of Caramel

Create custom shades of caramel with our color generator. Adjust hues, tints, and tones to find the perfect shade of caramel for your project.

Color Picker

🎨

HEX Color Value

Pick from Image

Shades (Adding Black)

• AF6C3B

  rgb(175, 108, 59)
• 905A32

  rgb(144, 90, 50)
• 72482A

  rgb(114, 72, 42)
• 553721

  rgb(85, 55, 33)
• 3A2619

  rgb(58, 38, 25)
• 21170F

  rgb(33, 23, 15)
• 000000

  rgb(0, 0, 0)

Tints (Adding White)

• AF6C3B

  rgb(175, 108, 59)
• BF835A

  rgb(191, 131, 90)
• CE9B79

  rgb(206, 155, 121)
• DCB399

  rgb(220, 179, 153)
• E9CCBA

  rgb(233, 204, 186)
• F5E5DC

  rgb(245, 229, 220)
• FFFFFF

  rgb(255, 255, 255)

Tones (Adding Gray)

• AF6C3B

  rgb(175, 108, 59)
• AA6E43

  rgb(170, 110, 67)
• A4714D

  rgb(164, 113, 77)
• 9C7358

  rgb(156, 115, 88)
• 937663

  rgb(147, 118, 99)
• 89796F

  rgb(137, 121, 111)
• 808080

  rgb(128, 128, 128)

Caramel Palette

Explore curated and automatically generated color palettes featuring caramel. See how it harmonizes with other colors for UI themes, graphics, and branding materials.

Color Picker

🎨

HEX Color Value

Sequential

Single hue gradient for data visualization

7 colors

Lightest

#F2D7C3

Light

#DEB294

Medium Light

#C78F67

Medium

#AF6C3B

Medium Dark

#764B2C

Dark

#422C1E

Darkest

#110F0E

Diverging

Dual hue gradient with a neutral midpoint

9 colors

Base End

#AF6C3B

Left Dark

#C48D67

Left Medium

#D7AF94

Left Light

#E8D1C4

Neutral

#F5F5F5

Right Light

#CAD6E3

Right Medium

#9EB8D2

Right Dark

#719AC0

Complementary End

#3B7EAF

Monochromatic

Same hue, different brightness/saturation

5 colors

Lightest

#FFFFFF

Light

#DCB399

Medium

#AF6C3B

Dark

#652E00

Darkest

#000000

Analogous

Colors adjacent on the color wheel (30° apart)

5 colors

Left Adjacent 2

#AF3B7E

Left Adjacent 1

#AF3B44

Main

#AF6C3B

Right Adjacent 1

#AFA63B

Right Adjacent 2

#7EAF3B

Complementary

Colors opposite on the color wheel (180° apart)

2 colors

Main

#AF6C3B

Complementary

#3B7EAF

Triadic

Evenly spaced around the color wheel (120° apart)

3 colors

Main

#AF6C3B

Secondary

#3BAF6C

Tertiary

#6C3BAF

Square

Four colors evenly spaced (90° apart)

4 colors

Main

#AF6C3B

Right 90°

#44AF3B

Complementary

#3B7EAF

Left 90°

#A63BAF

Tetradic

Two pairs of complementary colors

4 colors

Main

#AF6C3B

Secondary

#7EAF3B

Complementary

#3B7EAF

Complementary Secondary

#6C3BAF

Split Complementary

Complementary colors ±30°

3 colors

Main

#AF6C3B

Split Left

#3BAFA6

Split Right

#3B44AF

Cyclic

Circular gradient for periodic data

8 colors

0°

#AF6C3B

45°

#9BAF3B

90°

#44AF3B

135°

#3BAF89

180°

#3B7EAF

225°

#4F3BAF

270°

#A63BAF

315°

#AF3B61

Pastel

Soft, desaturated colors for modern UI

6 colors

Light Pastel

#BEB1A7

Pastel 1

#C7BBB3

Pastel 2

#CFC6BF

Pastel 3

#D8D0CA

Pastel 4

#E1DAD6

Deep Pastel

#E9E5E2

Common Brown Color Codes (HEX & RGB)

Brown →

HEX:#A52A2A

RGB:rgb(165, 42, 42)

Light Brown →

HEX:#B5651D

RGB:rgb(181, 101, 29)

Dark Brown →

HEX:#654321

RGB:rgb(101, 67, 33)

Beige →

HEX:#F5F5DC

RGB:rgb(245, 245, 220)

Extract Caramel Hex & RGB Codes from Image

Upload a photo to find the exact caramel HEX and RGB codes.

click or drag your image here

Supported formats: JPG, PNG, WebP

Caramel Color Code Converter

Instantly convert between HEX, RGB, CMYK, and more for caramel shades.

Color Picker

🎨

HEX Color Value

All Formats:

• HEX:
  #AF6C3B
• RGB:
  rgb(175, 108, 59)
• CMYK:
  cmyk(0%, 38%, 66%, 31%)
• HSV:
  hsv(25°, 66%, 69%)
• HSL:
  hsl(25°, 50%, 46%)

---

What is Caramel?

Caramel is a sweet, golden-brown color named after the confectionery. It's a warm, inviting shade that evokes feelings of sweetness and comfort. This color is often associated with desserts, candy, and warm aesthetics.

The hex code for caramel is #AF6C3B, with RGB values of rgb(175, 108, 59). It's a sweet, beautiful color that adds warmth to any design.

Design Applications

Caramel works well in dessert branding, sweet designs, and warm aesthetics. It pairs beautifully with cream, white, and chocolate brown. Use it for candy products, dessert packaging, or to create a sweet, inviting atmosphere in your projects.

FAQ

What is the caramel hex code?

The caramel hex code is #AF6C3B.

What colors complement caramel?

Caramel pairs well with cream, white, chocolate brown, and gold.

Is caramel named after the candy?

Yes, it's named after the sweet caramel confectionery.