#668187 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Grayed out and mid-weight, #668187 sits between cyan and slate with barely any saturation left in it. That matte quality reads calm and understated rather than icy. Black text clears WCAG AA on it at about 5.1:1, so it works as a UI background or supporting tone. Pair it with terracotta or cream to keep large areas from feeling flat.
Questions about #668187
What is #668187 in RGB, HSL and CMYK?
In RGB, #668187 is rgb(102, 129, 135), in HSL hsl(191, 14%, 46%) and in CMYK 24%, 4%, 0%, 47%.
What text color works best on #668187?
Black text is the safer choice. #668187 has a contrast ratio of about 5.1:1 against black, which passes WCAG AA for body text. White text falls short at roughly 4.2:1 and should be reserved for large type only.
What colors pair well with #668187?
Warm accents do the most work here. Terracotta and cream offset its greyed cyan cast, while charcoal anchors it in darker palettes. Next to white it can look washed out, so lean on warmer neighbors.
Is #668187 readable on white or black?
#668187 has a 4.15:1 contrast ratio on white and 5.05: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.