#38C2D1 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bright, cool cyan balances high saturation with a lighter tone. Because it is highly legible, #38c2d1 works well for UI buttons or alert icons rather than expansive backgrounds where it might overwhelm the design. Pair this hex code with dark charcoal or deep navy for a sharp, modern contrast that feels cleaner than using standard white text.
Questions about #38c2d1
What is #38c2d1 in RGB, HSL and CMYK?
In RGB, #38c2d1 is rgb(56, 194, 209), in HSL hsl(186, 62%, 52%) and in CMYK 73%, 7%, 0%, 18%.
How should I use #38c2d1 in a UI design?
#38c2d1 is best reserved for interactive elements like buttons, toggle switches, or notification icons because its high saturation commands attention. Avoid using this hex color for large body text or expansive background areas, as it can cause significant eye strain.
What colors pair well with #38c2d1?
Is #38c2d1 readable on white or black?
#38c2d1 has a 2.14:1 contrast ratio on white and 9.80: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.