#1B541F

Color Details

HEX
#1B541F
RGB
rgb(27, 84, 31)
HSL
hsl(124, 51%, 22%)
CMYK
cmyk(68%, 0%, 63%, 67%)
Best text on this color #FFFFFF (CR 9.00:1) Determined by WCAG contrast ratio

Readability Previews

Black on #1b541f
Contrast 2.33:1 Fail
White on #1b541f
Contrast 9.00:1 AAA
#1b541f on Black
Contrast 2.33:1 Fail
#1b541f on White
Contrast 9.00:1 AAA

Tints & Shades

#49764c
#769879
#a4bba5
#164319
#103213
#0b220c

Complement & Analogous

#551b51
#1b553c
#34551b

Triadic

#1f1b55
#551f1b

Monochrome

#0b220c #103213 #1b541f #769879 #a4bba5 #d1ddd2

Analogous

#34551b #71885f #1b541f #497763 #1b553c #164430

Complementary Mix

#103213 #1b541f #769879 #551b51 #916b8e #371235

Nearby Colors

#1b541e
#1b5420
#1b540f
#1b542f

Embed #1B541F swatch

Embed this swatch

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

Open image

About #1B541F

#1B541F converts to RGB(27, 84, 31) and HSL(124, 51%, 22%). 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).

#1B541F FAQs

What is the RGB value of #1B541F?
RGB: 27, 84, 31. Copy as CSS: rgb(27, 84, 31)
Is #1B541F a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #1B541F?
Complement: #551b51.
Does #1B541F have good contrast on white or black?
On white: 9.00:1 (AAA (normal text)). On black: 2.33:1 (Fails AA).