#B98D0F

Color Details

HEX
#B98D0F
RGB
rgb(185, 141, 15)
HSL
hsl(44, 85%, 39%)
CMYK
cmyk(0%, 24%, 92%, 27%)
Best text on this color #000000 (CR 6.88:1) Determined by WCAG contrast ratio

Readability Previews

Black on #b98d0f
Contrast 6.88:1 AA
White on #b98d0f
Contrast 3.05:1 Fail
#b98d0f on Black
Contrast 6.88:1 AA
#b98d0f on White
Contrast 3.05:1 Fail

Tints & Shades

#c7a43f
#d5bb6f
#e3d19f
#94710c
#6f5509
#4a3806

Complement & Analogous

#0f3cb8
#91b80f
#b8360f

Triadic

#0fb88b
#8b0fb8

Monochrome

#4a3806 #6f5509 #b98d0f #d5bb6f #e3d19f #f1e8cf

Analogous

#b8360f #cd7257 #b98d0f #a7c63f #91b80f #74930c

Complementary Mix

#6f5509 #b98d0f #d5bb6f #0f3cb8 #6380d1 #0a2778

Nearby Colors

#b98d0e
#b98d10
#b98cff
#b98d1f

Embed #B98D0F swatch

Embed this swatch

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

Open image

About #B98D0F

#B98D0F converts to RGB(185, 141, 15) and HSL(44, 85%, 39%). 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).

#B98D0F FAQs

What is the RGB value of #B98D0F?
RGB: 185, 141, 15. Copy as CSS: rgb(185, 141, 15)
Is #B98D0F a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #B98D0F?
Complement: #0f3cb8.
Does #B98D0F have good contrast on white or black?
On white: 3.05:1 (AA (large text)). On black: 6.88:1 (AA (normal text)).