#286CEE Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
The hex code #286cee is a bright, saturated blue with a cool, slightly violet cast. Its strong intensity brings energy and focus to calls to action, links, and technology branding. Use it as a supporting accent against navy, charcoal, or soft gray rather than a full-page background. White text provides about a 4.7:1 contrast ratio, suitable for WCAG AA body text.
Questions about #286cee
What is #286cee in RGB, HSL and CMYK?
In RGB, #286cee is rgb(40, 108, 238), in HSL hsl(219, 85%, 55%) and in CMYK 83%, 55%, 0%, 7%.
What colors pair well with #286cee?
The hex color #286cee pairs well with navy, charcoal, and soft gray, which temper its saturation while preserving its crisp, energetic feel across interfaces, buttons, marketing layouts, and digital products. White text keeps the palette clean, while a restrained warm accent can add balance.
Does #286cee look warm or cool?
#286cee reads as a cool blue because its saturated blue base carries a slight violet cast rather than yellow or green, giving interfaces a focused, modern feel beside neutral backgrounds.
Is #286cee readable on white or black?
#286cee has a 4.69:1 contrast ratio on white and 4.46: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 works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.