#B4FCDC

Color Details

HEX
#B4FCDC
RGB
rgb(180, 252, 220)
HSL
hsl(153, 92%, 85%)
CMYK
cmyk(29%, 0%, 13%, 1%)
Best text on this color #000000 (CR 17.90:1) Determined by WCAG contrast ratio

Readability Previews

Black on #b4fcdc
Contrast 17.90:1 AAA
White on #b4fcdc
Contrast 1.17:1 Fail
#b4fcdc on Black
Contrast 17.90:1 AAA
#b4fcdc on White
Contrast 1.17:1 Fail

Tints & Shades

#c3fde3
#d2fdea
#e1fef1
#90cab0
#6c9784
#486558

Complement & Analogous

#fcb6d5
#b6f8fc
#b6fcb9

Triadic

#dcb6fc
#fcdcb6

Monochrome

#486558 #6c9784 #b4fcdc #d2fdea #e1fef1 #f0fef8

Analogous

#b6fcb9 #ccfdce #b4fcdc #c5f9fd #b6f8fc #92c6ca

Complementary Mix

#6c9784 #b4fcdc #d2fdea #fcb6d5 #fdd0e4 #a4768a

Nearby Colors

#b4fcdb
#b4fcdd
#b4fccc
#b4fcec

Embed #B4FCDC swatch

Embed this swatch

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

Open image

About #B4FCDC

#B4FCDC converts to RGB(180, 252, 220) and HSL(153, 92%, 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).

#B4FCDC FAQs

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