#2F80ED Color — Hex, RGB, HSL Values and Contrast

Hex color codePurple · mid · vivid

srgb hex

#2F80ED

Best set with black text. The pairing reaches 5.43:1 contrast and passes AA for normal text.

Color values

copy exact values

HEX#2F80EDsRGB hexadecimal

RGBrgb(47, 128, 237)screen channels

HSLhsl(214, 84%, 56%)hue, saturation, lightness

CMYKcmyk(80%, 46%, 0%, 7%)approximate process color

Tailwindblue-500nearest palette utility, not an exact token

WCAG ratios

White textlarge text3.87:1

Black textAA5.43:1

Recommendation

Use black text for the stronger built-in pairing. AA requires 4.5:1 for normal text; AAA requires 7:1.

generated in color space

Tonal ramp

#050505

#202D4C

#2D5599

#2F80ED

#8AA6F2

#C5CFF7

#FAFAFA

Analogous

#2FDFED

#2F80ED

#3D2FED

Triadic

#2F80ED

#ED2F80

#80ED2F

Complement

#2F80ED

#ED9C2F

Lab distance · lower is closer

:root {
  --color-#2f80ed: #2F80ED;
}

.swatch {
  background: var(--color-#2f80ed);
  color: #000000;
}

Hue283°

Lightness54 L*

Chroma63.4

Luminance0.222