#305CDE Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This is not a soft, muted blue. #305cde is a loud, saturated blue that leans cool, so it suits buttons, links, and calls to action more than full backgrounds. White text holds about 5.7:1 contrast against it, enough for AA body copy. Pair it with warm coral or amber instead of flat grays. If you want to build on it, learn what colors make blue.
Questions about #305cde
What is #305cde in RGB, HSL and CMYK?
In RGB, #305cde is rgb(48, 92, 222), in HSL hsl(225, 73%, 53%) and in CMYK 78%, 59%, 0%, 13%.
What colors pair well with #305cde?
Warm accents like coral, amber, and soft gold balance the cool intensity of #305cde. Skip flat grays for neutrals; warm off-whites and sandy tones keep the blue from feeling icy.
Is #305cde readable on white or black?
#305cde has a 5.65:1 contrast ratio on white and 3.71: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 only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.