#10CCC2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bright, saturated teal creates a sharp contrast against black, maintaining a strong 10.4:1 ratio for excellent readability. The hex code #10ccc2 works best as a punchy accent rather than a dominant background, as it can overwhelm the eye in large blocks. Pair it with dark grays or neutrals if you are mixing gray for a balanced, modern interface palette.
Questions about #10ccc2
What is #10ccc2 in RGB, HSL and CMYK?
In RGB, #10ccc2 is rgb(16, 204, 194), in HSL hsl(177, 85%, 43%) and in CMYK 92%, 0%, 5%, 20%.
How should I use #10ccc2 in a web interface?
#10ccc2 is best utilized as a punchy accent color rather than a dominant background because its high saturation can overwhelm the eye in large blocks. Use it for call-to-action buttons or highlights where high visibility against dark backgrounds is required.
What colors pair well with #10ccc2 for a balanced palette?
This vibrant teal pairs effectively with dark neutrals like charcoal or deep slate grays to create a modern and readable contrast. Avoid pairing it with other highly saturated colors to prevent visual vibration and keep your design clean.
Is #10ccc2 readable on white or black?
#10ccc2 has a 2.01:1 contrast ratio on white and 10.43: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.