#54B3C6 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This cool, unsaturated cyan sits in the mid-tone range, making it a reliable choice for UI backgrounds. Because it is highly readable with black text, it works well for web interfaces that need clarity. The hex code for this color is #54b3c6. If you are learning how to make gray, use this shade as a vibrant starting point for desaturated palettes.
Questions about #54b3c6
What is #54b3c6 in RGB, HSL and CMYK?
In RGB, #54b3c6 is rgb(84, 179, 198), in HSL hsl(190, 50%, 55%) and in CMYK 58%, 10%, 0%, 22%.
What colors pair well with #54b3c6 for modern web designs?
#54b3c6 works beautifully when grounded by neutral dark tones like charcoal or deep navy for high-contrast text. For a softer, complementary palette, pair it with muted corals or warm sand tones to balance its inherent coolness and provide visual interest.
Is #54b3c6 readable on white or black?
#54b3c6 has a 2.43:1 contrast ratio on white and 8.64: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.