#2DBAC9 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
With high chroma and balanced lightness, #2dbac9 feels energetic rather than sleepy. This cyan shade works best as an accent color for UI elements or branding rather than a dominant background, as it can overwhelm a layout. Pair it with soft charcoals or deep grays instead of stark black to avoid harshness. If you struggle to balance this intensity, knowing how to make gray can help you neutralize your palette.
Questions about #2dbac9
What is #2dbac9 in RGB, HSL and CMYK?
In RGB, #2dbac9 is rgb(45, 186, 201), in HSL hsl(186, 63%, 48%) and in CMYK 78%, 7%, 0%, 21%. Browse more shades of blue with names and hex codes.
How can I balance the intensity of #2dbac9 in a design?
Use #2dbac9 sparingly as an accent color for call-to-action buttons or highlights rather than as a primary background. Pair this cyan with charcoal or deep slate grays to ground the vibrancy and prevent it from appearing overwhelming.
Is #2dbac9 suitable for text on a white background?
This color is generally too light and saturated to be used as body text on white while maintaining accessible contrast ratios. It is better reserved for UI elements, iconography, or small headers where high legibility is not the primary requirement.
Is #2dbac9 readable on white or black?
#2dbac9 has a 2.33:1 contrast ratio on white and 8.97: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.