#B5C98F

Color Details

HEX
#B5C98F
RGB
rgb(181, 201, 143)
HSL
hsl(81, 35%, 67%)
CMYK
cmyk(10%, 0%, 29%, 21%)
Best text on this color #000000 (CR 11.72:1) Determined by WCAG contrast ratio

Readability Previews

Black on #b5c98f
Contrast 11.72:1 AAA
White on #b5c98f
Contrast 1.79:1 Fail
#b5c98f on Black
Contrast 11.72:1 AAA
#b5c98f on White
Contrast 1.79:1 Fail

Tints & Shades

#c4d4a5
#d3dfbc
#e1e9d2
#91a172
#6d7956
#485039

Complement & Analogous

#a28dc8
#96c88d
#c8bf8d

Triadic

#8db4c8
#c88db4

Monochrome

#485039 #6d7956 #b5c98f #d3dfbc #e1e9d2 #f0f4e9

Analogous

#c8bf8d #d9d2af #b5c98f #abd3a4 #96c88d #78a071

Complementary Mix

#6d7956 #b5c98f #d3dfbc #a28dc8 #c3b5db #695c82

Nearby Colors

#b5c98e
#b5c990
#b5c97f
#b5c99f

Embed #B5C98F swatch

Embed this swatch

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

Open image

About #B5C98F

#B5C98F converts to RGB(181, 201, 143) and HSL(81, 35%, 67%). 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).

#B5C98F FAQs

What is the RGB value of #B5C98F?
RGB: 181, 201, 143. Copy as CSS: rgb(181, 201, 143)
Is #B5C98F a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #B5C98F?
Complement: #a28dc8.
Does #B5C98F have good contrast on white or black?
On white: 1.79:1 (Fails AA). On black: 11.72:1 (AAA (normal text)).