#228BA3 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
An unsaturated, cool cyan, #228ba3 provides a clean and balanced look for tech interfaces or communication-focused designs. It feels approachable and crisp, making it effective for primary UI buttons or supporting accents. Because it holds a 5.3:1 contrast ratio against black, you can use it confidently for small, legible body text. Designers often use it alongside neutral grays when learning how to make gray fit a modern palette.
Questions about #228ba3
What is #228ba3 in RGB, HSL and CMYK?
In RGB, #228ba3 is rgb(34, 139, 163), in HSL hsl(191, 65%, 39%) and in CMYK 79%, 15%, 0%, 36%.
What colors pair best with #228ba3 in a palette?
Is #228ba3 readable on white or black?
#228ba3 has a 3.96:1 contrast ratio on white and 5.28: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.