#B26E2F

Color Details

HEX
#B26E2F
RGB
rgb(178, 110, 47)
HSL
hsl(29, 58%, 44%)
CMYK
cmyk(0%, 38%, 74%, 30%)
Best text on this color #000000 (CR 5.16:1) Determined by WCAG contrast ratio

Readability Previews

Black on #b26e2f
Contrast 5.16:1 AA
White on #b26e2f
Contrast 4.07:1 Fail
#b26e2f on Black
Contrast 5.16:1 AA
#b26e2f on White
Contrast 4.07:1 Fail

Tints & Shades

#c18b59
#d1a882
#e0c5ac
#8e5826
#6b421c
#472c13

Complement & Analogous

#2f72b1
#b1af2f
#b12f31

Triadic

#2fb16e
#6e2fb1

Monochrome

#472c13 #6b421c #b26e2f #d1a882 #e0c5ac #f0e2d5

Analogous

#b12f31 #c86d6f #b26e2f #c1bf59 #b1af2f #8e8c26

Complementary Mix

#6b421c #b26e2f #d1a882 #2f72b1 #78a3cc #1f4a73

Nearby Colors

#b26e2e
#b26e30
#b26e1f
#b26e3f

Embed #B26E2F swatch

Embed this swatch

Use this HTML on your site (free with a link):

Open image

About #B26E2F

#B26E2F converts to RGB(178, 110, 47) and HSL(29, 58%, 44%). This page provides quick readability checks, related hues (complementary and analogous), and ready-made palettes so you can drop the color into UI components, images, or CSS immediately.

Tip: Use the “Best text” chip above as a safe default foreground on this color (chosen by contrast ratio).

#B26E2F FAQs

What is the RGB value of #B26E2F?
RGB: 178, 110, 47. Copy as CSS: rgb(178, 110, 47)
Is #B26E2F a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #B26E2F?
Complement: #2f72b1.
Does #B26E2F have good contrast on white or black?
On white: 4.07:1 (AA (large text)). On black: 5.16:1 (AA (normal text)).