#308D96 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, cool teal sits between blue and green with a distinct, desaturated quality. Because it is highly readable against black text, the hex code #308d96 works well for UI elements and technical interfaces where clarity is essential. Avoid pairing it with stark white, as it can appear washed out; instead, try using it as a grounded accent color alongside darker, charcoal grays.
Questions about #308d96
What is #308d96 in RGB, HSL and CMYK?
In RGB, #308d96 is rgb(48, 141, 150), in HSL hsl(185, 52%, 39%) and in CMYK 68%, 6%, 0%, 41%.
What colors pair well with #308d96?
Pair #308d96 with charcoal or deep slate grays to anchor its cool undertones and maintain visual contrast. Avoid stark white backgrounds as they can make the color appear washed out and difficult to read in high-density interface designs.
Is #308d96 suitable for UI text?
Yes, the saturation balance of #308d96 makes it a reliable choice for UI elements and technical interfaces where clarity is essential. It remains highly legible against black or near-black text, providing a grounded alternative to brighter, more aggressive teals.
Is #308d96 readable on white or black?
#308d96 has a 3.90:1 contrast ratio on white and 5.37: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.