#B5CDA4

Color Details

HEX
#B5CDA4
RGB
rgb(181, 205, 164)
HSL
hsl(95, 29%, 72%)
CMYK
cmyk(12%, 0%, 20%, 20%)
Best text on this color #000000 (CR 12.23:1) Determined by WCAG contrast ratio

Readability Previews

Black on #b5cda4
Contrast 12.23:1 AAA
White on #b5cda4
Contrast 1.72:1 Fail
#b5cda4 on Black
Contrast 12.23:1 AAA
#b5cda4 on White
Contrast 1.72:1 Fail

Tints & Shades

#c4d7b6
#d3e1c8
#e1ebdb
#91a483
#6d7b62
#485242

Complement & Analogous

#bba3cc
#a3cca6
#c9cca3

Triadic

#a3b4cc
#cca3b4

Monochrome

#485242 #6d7b62 #b5cda4 #d3e1c8 #e1ebdb #f0f5ed

Analogous

#c9cca3 #d9dbbf #b5cda4 #b5d6b8 #a3cca6 #82a385

Complementary Mix

#6d7b62 #b5cda4 #d3e1c8 #bba3cc #d3c3de #7a6a85

Nearby Colors

#b5cda3
#b5cda5
#b5cd94
#b5cdb4

Embed #B5CDA4 swatch

Embed this swatch

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

Open image

About #B5CDA4

#B5CDA4 converts to RGB(181, 205, 164) and HSL(95, 29%, 72%). 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).

#B5CDA4 FAQs

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