#00B3E4 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Because black text offers high readability against this hue, it works well for UI elements like buttons or notification badges. The hex code #00b3e4 is highly saturated, so use it as a 10% accent color to avoid overwhelming your layout. It pairs effectively with dark charcoal or muted grays to balance that intense, artificial energy.
Questions about #00b3e4
What is #00b3e4 in RGB, HSL and CMYK?
In RGB, #00b3e4 is rgb(0, 179, 228), in HSL hsl(193, 100%, 45%) and in CMYK 100%, 21%, 0%, 11%. Browse more shades of blue with names and hex codes.
How should #00b3e4 be used in user interface design?
Because #00b3e4 is highly saturated, it works best as a targeted 10% accent color rather than a primary background to avoid overwhelming your layout. It pairs exceptionally well with charcoal or deep grays for high-contrast, readable UI elements like buttons or notification badges.
What color combinations work best with #00b3e4?
High-contrast neutrals like charcoal provide the best balance for this artificial, intense energy. If you need a softer look, pair it with muted slate tones to ground the brightness while maintaining the modern, technological feel of the hue.
Is #00b3e4 readable on white or black?
#00b3e4 has a 2.45:1 contrast ratio on white and 8.56: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.