#236FC7 Hex Color

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

Hex color #236fc7 graphic
This saturated, vivid blue carries an intense and reliable energy. Its high chroma makes it an excellent choice for bold calls to action or UI accents that demand immediate attention. Avoid using it as a massive background block, as it can overwhelm a layout. It pairs well with crisp white text for optimal readability. The hex code for this shade is #236fc7.

Questions about #236fc7

What is #236fc7 in RGB, HSL and CMYK?
In RGB, #236fc7 is rgb(35, 111, 199), in HSL hsl(212, 70%, 46%) and in CMYK 82%, 44%, 0%, 22%.
How can I use #236fc7 effectively in UI design?
#236fc7 works best as a focused accent or primary call-to-action button rather than a background color. Because it is highly saturated, it demands attention; pair it with white text or very light grays to ensure high legibility and a clean look.
Does #236fc7 lean cool or warm?
This blue is firmly cool-toned, carrying a crisp and professional energy that feels dependable. Its high chroma creates a sharp, artificial brightness that distinguishes it from more muted, natural blues like slate or navy tones.
Is #236fc7 readable on white or black?
#236fc7 has a 5.03:1 contrast ratio on white and 4.16: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.