#6B8EE0 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This desaturated periwinkle-blue offers a crisp, professional tone perfect for corporate interfaces and security-focused branding. Because it remains legible with black text, #6b8ee0 works well as a background for data-heavy dashboards or small UI elements. Pair it with soft cream or slate gray to avoid looking too sterile. The hex code for this cool, reliable shade is #6b8ee0.
Questions about #6b8ee0
What is #6b8ee0 in RGB, HSL and CMYK?
In RGB, #6b8ee0 is rgb(107, 142, 224), in HSL hsl(222, 65%, 65%) and in CMYK 52%, 37%, 0%, 12%.
What colors pair well with #6b8ee0 in a design system?
Is #6b8ee0 suitable for primary UI buttons or text?
#6b8ee0 is an excellent choice for background elements or secondary accents, but it should be tested against WCAG contrast standards before being used for small text. It functions best when paired with dark, neutral shades to ensure clear readability for all users.
Is #6b8ee0 readable on white or black?
#6b8ee0 has a 3.19:1 contrast ratio on white and 6.57:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.