#7CDBD3 Hex Color
An airy and bright cool turquoise
This airy, cool-toned turquoise is highly unsaturated and bright. It functions best as an accent or secondary hue in clean, minimalist interfaces rather than a large, overwhelming background. Pair #7cdbd3 with deep charcoal or slate gray to ground its brightness. Because black text offers excellent readability against this shade, the hex code works well for UI buttons or interactive elements requiring high accessibility.
Questions about #7cdbd3
What is #7cdbd3 in RGB, HSL and CMYK?
In RGB, #7cdbd3 is rgb(124, 219, 211), in HSL hsl(175, 57%, 67%) and in CMYK 43%, 0%, 4%, 14%.
What colors pair well with #7cdbd3 in a design?
Because #7cdbd3 is a bright, airy turquoise, it works best when anchored by deep, neutral tones that ground its lightness. Use charcoal or slate gray for text and borders, as these provide the necessary contrast to make the color pop without becoming overwhelming.
Is #7cdbd3 a good choice for UI buttons?
Yes, #7cdbd3 serves as an excellent UI accent color because it maintains high readability against standard black text. Its cool, unsaturated nature allows it to stand out in minimalist interfaces while staying soft enough to not fatigue the user during prolonged interaction.
Is #7cdbd3 readable on white or black?
#7cdbd3 has a 1.62:1 contrast ratio on white and 12.93: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.