#BCCD9E Hex Color

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

Hex color #bccd9e graphic
This bleached lime has a delicate, pastel quality that feels airy rather than punchy. The hex code #bccd9e works best as a supporting background tone, as it can feel washed out when used for large blocks of text. It pairs well with deep charcoal grays to create a clean, modern contrast. Because it is highly unsaturated, this color brings a gentle, organic feeling to minimalist UI designs.

Questions about #bccd9e

What is #bccd9e in RGB, HSL and CMYK?
In RGB, #bccd9e is rgb(188, 205, 158), in HSL hsl(82, 32%, 71%) and in CMYK 8%, 0%, 23%, 20%.
How should I use #bccd9e in my user interface designs?
#bccd9e serves best as a subtle, unsaturated background color that keeps content legible without overpowering the page. Because it is highly desaturated, it provides an organic, calming feel that works beautifully when paired with high-contrast text like charcoal.
Why does #bccd9e look washed out when used for text?
This color lacks the saturation and depth required for small or thin typography, making it difficult to read against most standard backgrounds. Always opt for a significantly darker, saturated hue for your text elements to ensure you meet necessary accessibility and contrast standards.
Is #bccd9e readable on white or black?
#bccd9e has a 1.69:1 contrast ratio on white and 12.36: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.