#6B9EEA Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #6b9eea graphic
This cool, unsaturated periwinkle sits comfortably between sky blue and cornflower. Because it offers strong legibility with black text, #6b9eea works effectively for functional UI elements like buttons or notification badges. It conveys stability and professionalism, making it a natural choice for financial or security branding. If you need to tone down its saturation, mixing gray can help integrate this shade into more neutral palettes.

Questions about #6b9eea

What is #6b9eea in RGB, HSL and CMYK?
In RGB, #6b9eea is rgb(107, 158, 234), in HSL hsl(216, 75%, 67%) and in CMYK 54%, 32%, 0%, 8%.
When should I use #6b9eea in a design project?
This shade is ideal for functional UI elements like buttons, badges, or alerts where you need a professional, reliable appearance. Its moderate saturation ensures it catches the eye without overwhelming the rest of your interface layout.
What colors pair well with #6b9eea?
To create balanced palettes, pair this periwinkle with deep, neutral tones like charcoal or soft off-whites to maintain high contrast. You can also create a complementary scheme by introducing a muted, warm terracotta for visual interest.
Is #6b9eea readable on white or black?
#6b9eea has a 2.72:1 contrast ratio on white and 7.70: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.