#00AEDB Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A bright, saturated cyan, #00aedb feels electric and immediate. It functions best as an accent color for technology branding or user interface elements, as it can overwhelm large layouts if used as a primary background. Black text pops against this shade with an 8.1:1 contrast ratio. If you find it too intense, consider mixing gray to create a softer, more muted palette for your design work.
Questions about #00aedb
What is #00aedb in RGB, HSL and CMYK?
In RGB, #00aedb is rgb(0, 174, 219), in HSL hsl(192, 100%, 43%) and in CMYK 100%, 21%, 0%, 14%.
How should #00aedb be used in UI design?
Use #00aedb primarily as an accent color for buttons or call-to-action elements to draw immediate user attention. Because it is highly saturated, avoid using it as a large background color, as it can strain the eyes and overwhelm surrounding interface content.
Which colors pair well with #00aedb?
This bright cyan creates a sharp contrast against dark neutrals like charcoal or deep navy, making it effective for modern tech aesthetics. For a softer look, pair it with light gray tones to balance the intense energy without losing the color's characteristic vibrancy.
Is #00aedb readable on white or black?
#00aedb has a 2.59:1 contrast ratio on white and 8.07: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.