#54C2DC Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bright cyan hits a balance between pastel freshness and high-energy saturation. Because it maintains strong contrast, #54c2dc works effectively as a bold accent against dark charcoal grays, rather than a full background. This hex code provides a clear, modern feeling that suits children’s interfaces or tech branding. Black text remains highly legible against this tone, ensuring your small UI elements stay accessible.
Questions about #54c2dc
What is #54c2dc in RGB, HSL and CMYK?
In RGB, #54c2dc is rgb(84, 194, 220), in HSL hsl(191, 66%, 60%) and in CMYK 62%, 12%, 0%, 14%. Browse more shades of blue with names and hex codes.
What colors pair well with #54c2dc in a design scheme?
#54c2dc works best when paired with deep, neutral anchors like charcoal or slate, which let the cyan pop without overwhelming the viewer. You can also create a high-contrast palette by balancing this bright cyan with warm, earthy tones like terracotta to ground the design.
Is #54c2dc readable on white or black?
#54c2dc has a 2.07:1 contrast ratio on white and 10.12: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.