What Color isCedar?

#3B1412

What Color is Cedar

Cedar (Hex #3B1412) is a vibrant, deep shade of red. As a warm color, it pairs exceptionally well with contrasting cyans. Get RGB values, find matching paints, and download Cedar palettes.

What color is opposite Cedar?

The opposite color to Cedar is Tiber (#12383b).

View Tiber

Additional Information

  • Color Family: Orange
  • Temperature: Warm
  • Associated Season: Winter
  • Complementary Color: #12383B
  • Brightness: 31/255
  • Saturation: 69%

Colors That Pair Well With Cedar

Complementary

Pair with Tiber for a harmonious, balanced look. Great for backgrounds and accents.

#3B1412#12383b

High Contrast

Use Jagged Ice for maximum readability. Ideal for text or critical UI elements.

#3B1412#c4ebed

Harmonious Depth

Use lighter and darker shades for a sophisticated, cohesive design. Great for backgrounds, text, and subtle accents.

#897271#1e0a09

Color Variations

Tints (add white)

Crater Brown#4f2c2a10%
Congo Brown#62434120%
Russett#765b5930%
Hemp#89727140%
Dusty Gray#9d8a8950%
Martini#b1a1a060%
Nebulous#c4b9b870%
Swiss Coffee#d8d0d080%
Coconut Agony#ebe8e790%

Tones (add grey)

Crater Brown#421f1d10%
Crater Brown#492a2820%
Woody Brown#50343330%
Rock#573f3e40%
Don Juan#5e4a4950%
Dorado#64555460%
Scorpion#6b605f70%
Dove Gray#726a6a80%
Boulder#79757590%

Shades (add black)

Tamarind#35121010%
Tamarind#2f100e20%
Kilamanjaro#290e0d30%
Gondola#230c0b40%
Night Rider#1e0a0950%
Diesel#18080760%
Asphalt#12060570%
Asphalt#0c040480%
Black#06020290%

Color Conversions

Hex
#3B1412
RGB
59, 20, 18
RGB %
23%, 8%, 7%
HSL
3°, 53%, 15%
HSV
3°, 69%, 23%
CMYK
0%, 66%, 69%, 77%
LAB
12.44, 19.10, 10.83
XYZ
2.16, 1.47, 0.74

Color Blindness Simulation

Normal
Protanopia
Deuteranopia
Tritanopia

CSS Snippets

Text Color (Hex)
Aa
color: #3B1412;
Text Color (RGB)
Aa
color: rgb(59, 20, 18);
Background Color
background-color: #3B1412;
Border
border: 3px solid #3B1412;
Box Shadow
box-shadow: 0 4px 12px #3B141266;
Gradient
background: linear-gradient(135deg, #3B1412 0%, #ffffff 100%);
Cushion Mockup

Shop Premium Products in Cedar

Visualize and buy custom cushions made in this exact shade.

MaterialEco Velvet
Size30cm x 30cm
Color
Cedar

Made to order. Ships in 3-5 business days.

Product Details

Add a touch of luxury to your home with our premium Eco Velvet cushions. Soft to the touch, these cushions are perfect for adding comfort and style to any room.

  • Material: Soft Eco Velvet.
  • Feel: Velvety soft finish.
  • Backing: Stone coloured back (or double-sided print).
  • Print: Edge-to-edge vibrant color using water-based inks.
  • Care: Machine washable at 30°C.
  • Construction: Handmade to order with a concealed zipper.
Eco Credentials

We believe in sustainable style. Our cushions are crafted with the planet in mind.

  • Made to Order: Produced only when you order, eliminating overproduction and waste.
  • Water-Based Inks: Printed using neo-pigment, water-based inks that are non-hazardous, toxin-free, and vegan-friendly.
  • Local Fulfilment: Produced locally where possible to reduce carbon emissions from transport.
  • Vegan Friendly: No animal products are used in the production of these cushions.

What Goes With Cedar?

Explore color palettes containing Cedar and discover harmonious combinations for your designs.

Analogous

Toledo
Cedar
Brown Tumbleweed

Complementary

Cedar
Tiber

Split-complementary

Cedar
Bottle Green
Big Stone

Triadic

Cedar
Palm Leaf
Haiti

Tetradic

Cedar
Palm Leaf
Tiber
Haiti

Monochromatic

Registration black
Registration black
Cedar
Burnt Umber
Fuzzy Wuzzy Brown

Accessibility

Contrast with Black and White

Contrast with Black

UI Examples

This is an example of body text using the selected color scheme.

Contrast Ratio

0.00/ 21
Fail
AA Normal Text
Fail
AA Large Text
Fail
AAA Normal Text
Fail
AAA Large Text
Fail
Contrast with White

UI Examples

This is an example of body text using the selected color scheme.

Contrast Ratio

0.00/ 21
Fail
AA Normal Text
Fail
AA Large Text
Fail
AAA Normal Text
Fail
AAA Large Text
Fail

Closest Color Matches

Best Match

Prismacolor

Dark Brown

#PC946 • #431F16

Buy

Prismacolor

Black Raspberry

#PC1095 • #3B0A12

Buy

Prismacolor

Chocolate

#PC1082 • #481B0F

Buy

Caran d'ache Luminance 6901

Carmine Lake

#575 • #522428

Buy

Prismacolor

Dark Umber

#PC947 • #422B20

Buy

Caran d'ache Luminance 6901

Sepia

#407 • #443631

Buy

Caran d'ache Luminance 6901

Burnt Sienna

#069 • #6E3A31

Buy

Prismacolor

Espresso

#PC1099 • #533D2E

Buy

Caran d'ache Luminance 6901

Warm Earth 70%

#748 • #4E3D39

Buy

Caran d'ache Luminance 6901

Dark Indigo

#639 • #242025

Buy

Prismacolor

90 % French Grey

#PC1076 • #292726

Buy

Prismacolor

Tuscan Red

#PC937 • #6F2436

Buy

Prismacolor

Sepia

#PC948 • #352D14

Buy

Prismacolor

Chestnut

#PC1081 • #672F17

Buy

Caran d'ache Luminance 6901

Black

#009 • #292A2C

Buy

Polychromos

black

#199 • #050505

Buy

Prismacolor

Black

#PC935 • #000000

Buy
As an Amazon Associate we earn from qualifying purchases.

Frequently Asked Questions

What is the hex code for Cedar?
The hex code for Cedar is #3B1412. The RGB values are (59, 20, 18). You can find more formats like CMYK and LAB in the Color Conversions section.
What colors go with Cedar?
Cedar pairs well with its complementary color, Tiber (#12383b). It also works great with analogous colors (neighbors on the wheel) and triadic combinations. See our recommended pairings for more ideas.
Is Cedar accessible for text?
No, Cedar is not readable on white backgrounds. It is not readable on black backgrounds. For detailed contrast ratios and WCAG scores, check the accessibility section.
How do I use Cedar in CSS?

You can use Cedar in CSS with its hex code. Here is an example class:

.cedar {
  background-color: #3B1412;
  color: #FFFFFF;
}

For more snippets including gradients, see the CSS snippets section.

View More Colors