#48A3EE Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
High-saturation and cool, #48a3ee works best as a primary accent for technology and finance brands needing to project stability. Because it is quite vivid, it can overwhelm text-heavy interfaces if used as a background. Pair it with deep charcoals rather than pure black for a more modern, readable UI. Interestingly, you can neutralize its intensity by mixing gray into your palette. The hex code for this blue is #48a3ee.
Questions about #48a3ee
What is #48a3ee in RGB, HSL and CMYK?
In RGB, #48a3ee is rgb(72, 163, 238), in HSL hsl(207, 83%, 61%) and in CMYK 70%, 32%, 0%, 7%.
What colors pair best with #48a3ee for professional designs?
Use deep charcoal instead of pure black to maintain readability and a sophisticated, modern appearance. Because #48a3ee is so vivid, pairing it with neutral, dark tones keeps the interface balanced while allowing the blue to stand out effectively as a primary action color.
How should I use #48a3ee in text-heavy interfaces?
Avoid using #48a3ee as a background color for large text blocks, as its high saturation can overwhelm the viewer and cause eye strain. Instead, reserve this blue for buttons, data visualization, or small UI elements where its visibility can guide user attention without dominating the layout.
Is #48a3ee readable on white or black?
#48a3ee has a 2.71:1 contrast ratio on white and 7.74: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.