#56BECE Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This unsaturated, cool cyan functions well as a refreshing background for UI projects or child-centric branding. Because black text offers high readability against its mid-tone value, use the hex code #56bece for body copy or large interface elements. Pair this shade with soft charcoal grays rather than pure white to avoid a washed-out look that can weaken your design hierarchy.
Questions about #56bece
What is #56bece in RGB, HSL and CMYK?
In RGB, #56bece is rgb(86, 190, 206), in HSL hsl(188, 55%, 57%) and in CMYK 58%, 8%, 0%, 19%.
Where does #56bece work best in UI design?
#56bece functions effectively as a background for child-centric branding or as a primary button color in clean, interface-heavy applications. Its unsaturated quality feels approachable without sacrificing the sharpness needed for readable body text or icon sets.
Is #56bece readable on white or black?
#56bece has a 2.17:1 contrast ratio on white and 9.65: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.