#BA611C

Color Details

HEX
#BA611C
RGB
rgb(186, 97, 28)
HSL
hsl(26, 74%, 42%)
CMYK
cmyk(0%, 48%, 85%, 27%)
Best text on this color #000000 (CR 4.81:1) Determined by WCAG contrast ratio

Readability Previews

Black on #ba611c
Contrast 4.81:1 AA
White on #ba611c
Contrast 4.36:1 Fail
#ba611c on Black
Contrast 4.81:1 AA
#ba611c on White
Contrast 4.36:1 Fail

Tints & Shades

#c88149
#d6a077
#e3c0a4
#954e16
#703a11
#4a270b

Complement & Analogous

#1c76ba
#bab01c
#ba1c26

Triadic

#1cba61
#611cba

Monochrome

#4a270b #703a11 #ba611c #d6a077 #e3c0a4 #f1dfd2

Analogous

#ba1c26 #cf6067 #ba611c #c8c049 #bab01c #958d16

Complementary Mix

#703a11 #ba611c #d6a077 #1c76ba #6ba6d2 #124d79

Nearby Colors

#ba611b
#ba611d
#ba610c
#ba612c

Embed #BA611C swatch

Embed this swatch

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

Open image

About #BA611C

#BA611C converts to RGB(186, 97, 28) and HSL(26, 74%, 42%). 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).

#BA611C FAQs

What is the RGB value of #BA611C?
RGB: 186, 97, 28. Copy as CSS: rgb(186, 97, 28)
Is #BA611C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #BA611C?
Complement: #1c76ba.
Does #BA611C have good contrast on white or black?
On white: 4.36:1 (AA (large text)). On black: 4.81:1 (AA (normal text)).