What is the Ionic hex color code?

The Ionic primary brand hex color is #3880ff. RGB is rgb(56, 128, 255). HSL is hsl(218, 100%, 61%).

What RGB values are used for Ionic?

Ionic primary color #3880ff is rgb(56, 128, 255).

Is #3880ff an official Ionic brand color?

#3880ff is listed as a primary color in the Ionic reference palette on colorBase, alongside #3880ff.

Color reference: Simple IconsView color sourceThis reference covers the listed logo color, not a complete identity system.

Ionic · primary brand color

Ionic Hex Color #3880FF

Ionic uses #3880ff as a primary brand color. Ionic's Simple Icons reference color is #3880FF. The linked source identifies the artwork used for this color reference.

#3880FF

rgb(56, 128, 255)

HEX

#3880ff

RGB

rgb(56, 128, 255)

HSL

hsl(218, 100%, 61%)

CMYK

cmyk(78%, 50%, 0%, 0%)

Tints and shades of #3880FF

Tints

Shades

CSS --color-3880ff: #3880ff;

Tailwind bg-blue-500

OKLCH oklch(0.6243 0.2026 260.8)

Full color details for #3880ff

Export

Developer code

css

:root {
  --ionic-3880ff-1: #3880ff;
}