#174BCC Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A high-intensity, saturated shade, #174bcc commands attention without feeling aggressive. This vibrant blue serves as an excellent 10% accent color in UI design, especially when paired with clean whites or subtle grays to manage its dominance. It provides high readability for small text, boasting a 7.2:1 contrast ratio against white. Avoid using this as a background, as the sheer boldness can quickly overwhelm your interface.
Questions about #174bcc
What is #174bcc in RGB, HSL and CMYK?
In RGB, #174bcc is rgb(23, 75, 204), in HSL hsl(223, 80%, 45%) and in CMYK 89%, 63%, 0%, 20%.
Where should I use #174bcc in a UI layout?
Use #174bcc as a strategic accent color for primary buttons, call-to-action links, or iconography, keeping it to about 10% of your total interface. Because of its high saturation and intensity, applying it to large background areas often overwhelms the user experience and strains the eyes.
Is #174bcc readable on white or black?
#174bcc has a 7.20:1 contrast ratio on white and 2.91: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 is too faint for text. Try other pairs in the contrast checker.