#270BDD Hex Color

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

Hex color #270bdd graphic
This intense, deeply saturated blue demands attention without feeling chaotic. As a bold, primary-leaning tone, #270bdd works best as a 10% accent in tech or finance interfaces to create contrast against neutral grays. Because of its extreme depth, white text provides excellent readability at a 9.6:1 contrast ratio. Use it sparingly, as its vivid pigment can quickly overwhelm a design if applied as a background.

Questions about #270bdd

What is #270bdd in RGB, HSL and CMYK?
In RGB, #270bdd is rgb(39, 11, 221), in HSL hsl(248, 91%, 45%) and in CMYK 82%, 95%, 0%, 13%.
How should I use #270bdd in UI design?
Use #270bdd sparingly as a high-contrast accent color rather than a background. Because of its extreme depth and intensity, it works best as a 10% highlight in finance or tech interfaces where readability against white text is essential.
Is #270bdd readable on white or black?
#270bdd has a 9.64:1 contrast ratio on white and 2.17: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.