#B4CDA4

Color Details

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

Readability Previews

Black on #b4cda4
Contrast 12.21:1 AAA
White on #b4cda4
Contrast 1.72:1 Fail
#b4cda4 on Black
Contrast 12.21:1 AAA
#b4cda4 on White
Contrast 1.72:1 Fail

Tints & Shades

#c3d7b6
#d2e1c8
#e1ebdb
#90a483
#6c7b62
#485242

Complement & Analogous

#bca3cc
#a3cca8
#c7cca3

Triadic

#a3b3cc
#cca3b3

Monochrome

#485242 #6c7b62 #b4cda4 #d2e1c8 #e1ebdb #f0f5ed

Analogous

#c7cca3 #d8dbbf #b4cda4 #b5d6b9 #a3cca8 #82a386

Complementary Mix

#6c7b62 #b4cda4 #d2e1c8 #bca3cc #d3c3de #7a6a85

Nearby Colors

#b4cda3
#b4cda5
#b4cd94
#b4cdb4

Embed #B4CDA4 swatch

Embed this swatch

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

Open image

About #B4CDA4

#B4CDA4 converts to RGB(180, 205, 164) and HSL(97, 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).

#B4CDA4 FAQs

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