#67D6FF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bright, airy cyan is saturated and cool, offering a high-energy look for tech or children’s branding. Because #67d6ff provides excellent contrast with black text, it functions well as a dominant UI background. Pair it with soft charcoal grays rather than pure white to prevent the color from appearing washed out. The hex code for this refreshing shade is #67d6ff.
Questions about #67d6ff
What is #67d6ff in RGB, HSL and CMYK?
In RGB, #67d6ff is rgb(103, 214, 255), in HSL hsl(196, 100%, 70%) and in CMYK 60%, 16%, 0%, 0%.
Does #67d6ff work well for text?
Using #67d6ff as a background requires high-contrast text for accessibility. It provides excellent readability when paired with charcoal or dark navy text, but it is too light to support white text overlay in most interface designs.
What is the best way to use #67d6ff in UI design?
This bright cyan functions best as a dominant UI background or an accent color in modern tech interfaces. It creates an energetic atmosphere, so balance the saturation by using neutral grays to keep the overall layout from feeling overwhelming to the viewer.
Is #67d6ff readable on white or black?
#67d6ff has a 1.66:1 contrast ratio on white and 12.63: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.