Tailwind Blue 500 — #3B82F6

#3B82F6, primarily known as Tailwind Blue 500, is composed of 23% red, 51% green, and 96% blue in RGB. In CMYK it is 76% cyan, 47% magenta, 0% yellow, 4% black. In HSL the hue angle is 217°, saturation 91%, and lightness 60%. The closest web-safe color is #3366CC.

Closest named match: Bleuchâtel Blue (#4488FF, ΔE 2.71)

Open in Color Picker Open in Color Converter Open in Color Wheel

Color conversions

Open in Color Converter →

Format	Value	Copy
HEX	#3B82F6
RGB	rgb(59, 130, 246)
HSL	hsl(217.2, 91.2%, 59.8%)
HSV	hsv(217.2, 76%, 96.5%)
CMYK	cmyk(76%, 47.2%, 0%, 3.5%)
OKLCH	oklch(62.31% 0.188 259.81)
HWB	hwb(217.2 23.1% 3.5%)
LAB	lab(54.6% 8.77 -65.79)
LCH	lch(54.6% 66.4 277.6)
OKLAB	oklab(62.31% -0.0332 -0.1851)
XYZ	X 26.41 Y 23.55 Z 90.32
Web Safe	#3366CC
RGB Percent	23.1%, 51%, 96.5%
Decimal	3900150

Format	Value	Copy
HEX	#3B82F6
RGB	rgb(59, 130, 246)
HSL	hsl(217.2, 91.2%, 59.8%)
HSV	hsv(217.2, 76%, 96.5%)
CMYK	cmyk(76%, 47.2%, 0%, 3.5%)
OKLCH	oklch(62.31% 0.188 259.81)
HWB	hwb(217.2 23.1% 3.5%)

Format	Value	Copy
LAB	lab(54.6% 8.77 -65.79)
LCH	lch(54.6% 66.4 277.6)
OKLAB	oklab(62.31% -0.0332 -0.1851)
XYZ	X 26.41 Y 23.55 Z 90.32
Web Safe	#3366CC
RGB Percent	23.1%, 51%, 96.5%
Decimal	3900150

Color harmonies

Harmony swatches keep the same saturation and lightness as the base color.

Explore on Color Wheel →

Complementary

Analogous

Triadic

Split-complementary

Tetradic

Square

Alternative colors

Nearby variations by nudging hue and lightness. Click a swatch to open that color.

#629BF8

#1469F4

#84B1F9

#0A59DA

#3B5DF6

#3BA7F6

#5B58F3

#28C3EF

Similar named colors

Nearest matches from our 30,000-name dataset (CIELAB ΔE). Click a swatch to open that color.

Bleuchâtel Blue

#4488FF · ΔE 2.71

Dodger Blue

#3E82FC · ΔE 3.45

Pool Water

#2188FF · ΔE 4.38

Skinny Jeans

#5588FF · ΔE 4.59

Bubble Bobble P2

#0084FF · ΔE 5.49

Too Blue to Be True

#0088FF · ΔE 5.72

Brescian Blue

#0080FF · ΔE 6.86

Find a color by name or HEX →

Tints, shades & tones

Full Tints, Shades & Tones →

Contrast preview

Full WCAG AA/AAA check → Contrast Checker

On white

Sample

3.68:1

AA normal ✗ · AA large ✓

On black

Sample

5.71:1

AA normal ✓ · AA large ✓

Color blindness preview

See on an image → Color Blindness Simulator

Protanopia

97% similar

1.3% of men, 0.02% of women

Deuteranopia

87% similar

6% of men, 0.4% of women

Tritanopia

78% similar

0.001% of population

Achromatopsia

69% similar

0.003% of population

UI preview

Simplified components using a Tailwind-style scale generated from this color.

Open in Tailwind Scale Generator →

Button

Alert

Heads up

This alert uses lighter tints for the background and a mid-tone for the border.

Progress

67% complete