#286168 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #286168 graphic
#286168 is a moody, desaturated teal with distinct green undertones. This dark shade serves as a reliable background for tech interfaces where a serious tone is needed. Because of its low lightness, white text creates the best contrast for readability. Pair this color with warm, sandy neutrals to avoid a cold or gloomy finish. The hex code for this muted cyan is #286168.

Questions about #286168

What is #286168 in RGB, HSL and CMYK?
In RGB, #286168 is rgb(40, 97, 104), in HSL hsl(187, 44%, 28%) and in CMYK 62%, 7%, 0%, 59%.
What colors pair best with #286168 in a design?
This deep teal balances effectively with warm sandy neutrals or off-white tones to prevent a cold appearance. You can also create high-contrast, professional interfaces by pairing #286168 with soft ivory or light cream text for optimal readability.
Is #286168 suitable for text-heavy interface backgrounds?
Yes, #286168 provides a strong, stable foundation for dark-mode UI designs, provided you use high-contrast foreground colors. Due to its low lightness, standard white text remains highly legible, while lighter sage accents can add a subtle, sophisticated pop of color.
Is #286168 readable on white or black?
#286168 has a 7.00:1 contrast ratio on white and 2.99:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it is too faint for text. Try other pairs in the contrast checker.