#B66A2F

Color Details

HEX
#B66A2F
RGB
rgb(182, 106, 47)
HSL
hsl(26, 59%, 45%)
CMYK
cmyk(0%, 42%, 74%, 29%)
Best text on this color #000000 (CR 5.09:1) Determined by WCAG contrast ratio

Readability Previews

Black on #b66a2f
Contrast 5.09:1 AA
White on #b66a2f
Contrast 4.12:1 Fail
#b66a2f on Black
Contrast 5.09:1 AA
#b66a2f on White
Contrast 4.12:1 Fail

Tints & Shades

#c58859
#d3a682
#e2c3ac
#925526
#6d401c
#492a13

Complement & Analogous

#2f7cb6
#b6ad2f
#b62f38

Triadic

#2fb66a
#6a2fb6

Monochrome

#492a13 #6d401c #b66a2f #d3a682 #e2c3ac #f0e1d5

Analogous

#b62f38 #cc6d74 #b66a2f #c5bd59 #b6ad2f #928a26

Complementary Mix

#6d401c #b66a2f #d3a682 #2f7cb6 #78aad0 #1f5176

Nearby Colors

#b66a2e
#b66a30
#b66a1f
#b66a3f

Embed #B66A2F swatch

Embed this swatch

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

Open image

About #B66A2F

#B66A2F converts to RGB(182, 106, 47) and HSL(26, 59%, 45%). 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).

#B66A2F FAQs

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