#BDF2CC

Color Details

HEX
#BDF2CC
RGB
rgb(189, 242, 204)
HSL
hsl(137, 67%, 85%)
CMYK
cmyk(22%, 0%, 16%, 5%)
Best text on this color #000000 (CR 16.74:1) Determined by WCAG contrast ratio

Readability Previews

Black on #bdf2cc
Contrast 16.74:1 AAA
White on #bdf2cc
Contrast 1.25:1 Fail
#bdf2cc on Black
Contrast 16.74:1 AAA
#bdf2cc on White
Contrast 1.25:1 Fail

Tints & Shades

#caf5d6
#d7f7e0
#e5faeb
#97c2a3
#71917a
#4c6152

Complement & Analogous

#f2bfe4
#bff2e7
#caf2bf

Triadic

#cebff2
#f2cebf

Monochrome

#4c6152 #71917a #bdf2cc #d7f7e0 #e5faeb #f2fcf5

Analogous

#caf2bf #daf6d2 #bdf2cc #ccf5ec #bff2e7 #99c2b9

Complementary Mix

#71917a #bdf2cc #d7f7e0 #f2bfe4 #f7d5ed #9d7c94

Nearby Colors

#bdf2cb
#bdf2cd
#bdf2bc
#bdf2dc

Embed #BDF2CC swatch

Embed this swatch

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

Open image

About #BDF2CC

#BDF2CC converts to RGB(189, 242, 204) and HSL(137, 67%, 85%). 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).

#BDF2CC FAQs

What is the RGB value of #BDF2CC?
RGB: 189, 242, 204. Copy as CSS: rgb(189, 242, 204)
Is #BDF2CC a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #BDF2CC?
Complement: #f2bfe4.
Does #BDF2CC have good contrast on white or black?
On white: 1.25:1 (Fails AA). On black: 16.74:1 (AAA (normal text)).