#34D6DD Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#34d6dd is a highly saturated, energetic cyan that leans into a playful, artificial glow. Because it is so bright, it functions best as an accent color rather than a large background block, where it can easily overwhelm the eye. It offers excellent contrast for black text, making it readable for UI elements. If you want to know how to make gray, consider balancing this hex code with neutral tones.
Questions about #34d6dd
What is #34d6dd in RGB, HSL and CMYK?
In RGB, #34d6dd is rgb(52, 214, 221), in HSL hsl(182, 71%, 54%) and in CMYK 76%, 3%, 0%, 13%.
How should #34d6dd be used in interface design?
#34d6dd is extremely saturated, so it functions best as a small, high-impact accent color rather than a large background. It provides excellent contrast against dark backgrounds or black text, making it highly effective for call-to-action buttons or interface highlights.
What color palettes work well with #34d6dd?
Balance the intensity of #34d6dd by pairing it with neutral shades like charcoal or soft whites. Because it leans into a playful, artificial glow, these grounding colors prevent the cyan from overwhelming the design and keep the layout professional and readable.
Is #34d6dd readable on white or black?
#34d6dd has a 1.77:1 contrast ratio on white and 11.80: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.