Bootstrap primary

Preview

Bootstrap primary

#0d6efd

Overview

Family: Blue

bootstrap

Accessibility on this swatch:

(4.67:1)

Contrast vs white: 4.5:1 · vs black: 4.67:1

Formats

HEX

#0d6efd

RGB

rgb(13, 110, 253)

RGBA

rgba(13, 110, 253, 1)

HSL

hsl(216, 98%, 52%)

HSV

hsv(216, 95%, 99%)

LAB

lab(49.89% 29.66 -77.65)

LCH

lch(49.89% 83.12 290.91)

OKLAB

oklab(0.5782 -0.0395 -0.2248)

OKLCH

oklch(0.5782 0.2282 260.03)

XYZ

xyz(23.47, 18.33, 95.21)

CMYK

cmyk(95%, 57%, 0%, 1%)

CSS

color: #0d6efd;

CSS variable

--color-0d6efd: #0d6efd;

SCSS

$color-0d6efd: #0d6efd;

Tailwind

sky-400

Export

Developer code

:root {
  --bootstrap-primary-1: #0d6efd;
}

Color psychology

Trust, calm, and professionalism. The most used color in SaaS, finance, and healthcare.

Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Blue family.

Bootstrap primary