#60A2C1 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, cool-toned blue feels professional and grounded. Because of its desaturated quality, it avoids the artificial brightness of primary blues, making it a reliable choice for corporate branding, healthcare interfaces, or security-focused UI design. The hex code #60a2c1 reads well with crisp black text, offering strong contrast for legibility. Pair this shade with soft grays or warm off-whites to create a balanced, modern palette.
Questions about #60a2c1
What is #60a2c1 in RGB, HSL and CMYK?
In RGB, #60a2c1 is rgb(96, 162, 193), in HSL hsl(199, 44%, 57%) and in CMYK 50%, 16%, 0%, 24%. Browse more shades of blue with names and hex codes.
What is the best way to use #60a2c1 in a design?
Use #60a2c1 as a primary brand accent or for UI components like buttons where you need to convey stability without being overly aggressive. It maintains excellent readability when paired with high-contrast text, such as charcoal or dark gray, ensuring your design remains accessible.
Does #60a2c1 lean warm or cool?
This hex color is distinctly cool-toned, drawing its character from a balanced blend of blue and gray pigments that dampen the intensity. This muted quality prevents the color from appearing artificial or neon, making it a reliable choice for professional environments that require a calming aesthetic.
Is #60a2c1 readable on white or black?
#60a2c1 has a 2.82:1 contrast ratio on white and 7.43:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.