#BDFDC1 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #bdfdc1 graphic
#bdfdc1 is a high-luminosity, unsaturated green that feels airy and light. Because this shade sits so close to white, it functions best as a spacious background color rather than for fine text. It provides excellent contrast for black type, making it a reliable choice for UI designs. If you need a complementary warmth, try pairing it with other shades of pink to ground the composition.

Questions about #bdfdc1

What is #bdfdc1 in RGB, HSL and CMYK?
In RGB, #bdfdc1 is rgb(189, 253, 193), in HSL hsl(124, 94%, 87%) and in CMYK 25%, 0%, 24%, 1%.
What design elements pair best with #bdfdc1?
#bdfdc1 functions best as a clean, spacious backdrop for dark UI elements. To ground this airy shade, pair it with soft mauve or muted pink tones to introduce a complementary warmth that prevents the composition from feeling too sterile or clinical.
Is #bdfdc1 a suitable choice for body text?
No, #bdfdc1 is too light for body text and fails standard web accessibility contrast ratios against white backgrounds. Reserve this hex color for large-scale backgrounds or UI accents, and always pair it with high-contrast, dark type like charcoal for readability.
Is #bdfdc1 readable on white or black?
#bdfdc1 has a 1.16:1 contrast ratio on white and 17.98:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.