#338C8C Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This unsaturated cyan balances cool green undertones with a muted, professional quality. It functions well as a supporting tone in technology interfaces, offering a clear, readable backdrop for black text. While it can feel slightly clinical, pairing it with warm earth tones prevents it from appearing too sterile. The hex code #338c8c remains accessible for small body text, making it a reliable choice for UI design.
Questions about #338c8c
What is #338c8c in RGB, HSL and CMYK?
In RGB, #338c8c is rgb(51, 140, 140), in HSL hsl(180, 47%, 37%) and in CMYK 64%, 0%, 0%, 45%.
What colors pair well with #338c8c for UI design?
Use #338c8c alongside charcoal or deep espresso browns to maintain professional contrast and readability. Because this cyan has muted, clinical undertones, warming it up with earth tones or soft terracotta accents effectively prevents the interface from feeling too sterile or cold for the user.
Is #338c8c readable on white or black?
#338c8c has a 3.98:1 contrast ratio on white and 5.27: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.