#2277CC Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Blue-Eyed Boy is a saturated, high-contrast blue that demands attention without feeling harsh. Because it meets WCAG AA standards, white text remains readable against it, making this color ideal for call-to-action buttons or navigation highlights. The hex code for this shade is #2277cc. Use it as a 10% accent color to create visual hierarchy against softer neutrals or slate grays.
Questions about Blue-Eyed Boy
What is the hex code for Blue-Eyed Boy?
Blue-Eyed Boy is #2277cc. In RGB that is rgb(34, 119, 204), in HSL hsl(210, 71%, 47%) and in CMYK 83%, 42%, 0%, 20%.
What colors complement Blue-Eyed Boy?
This shade pairs effectively with warm charcoal or soft neutral grays to ground its vibrant energy. Using it alongside complementary orange-toned shades creates high-contrast visual interest, while lighter, desaturated tones help maintain a clean and modern aesthetic without overwhelming the viewer.
Is Blue-Eyed Boy readable on white or black?
Blue-Eyed Boy has a 4.58:1 contrast ratio on white and 4.57:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it works for body text. Try other pairs in the contrast checker.