#2D68F2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Highly saturated and vivid, #2d68f2 commands attention without feeling aggressive. This primary tone works best as a 10 percent accent in UI design, as using it for large backgrounds can quickly overwhelm the viewer. It pairs unexpectedly well with soft peach tones to ground its intensity. The hex code is #2d68f2. If you are learning mixing blue, this shade serves as a standard for high-visibility digital interfaces.
Questions about #2d68f2
What is #2d68f2 in RGB, HSL and CMYK?
In RGB, #2d68f2 is rgb(45, 104, 242), in HSL hsl(222, 88%, 56%) and in CMYK 81%, 57%, 0%, 5%.
Does #2d68f2 work well as a main UI background?
Using #2d68f2 for large backgrounds often overwhelms the viewer due to its high saturation. Instead, apply it as a 10 percent accent for buttons or icons where you need to draw specific user attention.
What colors pair well with #2d68f2?
This blue pairs surprisingly well with soft peach tones, which help ground its intensity. If you need a more neutral look, try pairing it with light gray backgrounds to keep the interface clean and readable.
Is #2d68f2 readable on white or black?
#2d68f2 has a 4.80:1 contrast ratio on white and 4.37: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.