#248CA0 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This mid-tone cyan has enough visual weight to hold its own in modern UI layouts. Hex code #248ca0 creates a crisp, professional feel that works well for tech and communication branding. Since it provides a 5.3:1 contrast ratio with black text, it remains readable even at small sizes. Pair this cool, unsaturated shade with deep charcoal to add a sense of structure to your designs.
Questions about #248ca0
What is #248ca0 in RGB, HSL and CMYK?
In RGB, #248ca0 is rgb(36, 140, 160), in HSL hsl(190, 63%, 38%) and in CMYK 78%, 12%, 0%, 37%.
Which colors pair well with #248ca0 for design layouts?
Use deep, neutral tones like charcoal or soft off-whites to balance the coolness of #248ca0 in your designs. These dark neutrals provide enough contrast to let the cyan pop without overwhelming the layout, maintaining a clean and modern professional aesthetic across your interface.
Is #248ca0 readable on white or black?
#248ca0 has a 3.93:1 contrast ratio on white and 5.33:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.