#21759b

WordPress Blue

Color code information, RGB and HSL conversion values, WCAG accessibility contrast ratios, color harmonies, tints, and shades for #21759b.

Brand names are trademarks of their owners. Values are the colours commonly cited from each brand's guidelines or logo and may differ from current official assets.

Color Swatch#21759B

Best Text: White

The quick brown fox jumps over the lazy dog.

Sample typography preview rendered in #ffffff (white) text for optimal readability.

Color Values & Conversions

HEX#21759b

RGBrgb(33, 117, 155)

HSLhsl(199, 65%, 37%)

CMYKcmyk(79%, 25%, 0%, 39%)

WCAG Contrast Ratios

Contrast evaluation under WCAG 2.1 standards. Normal text requires 4.5:1 (AA) or 7.0:1 (AAA). Large text (≥18pt or 14pt bold) requires 3.0:1 (AA) or 4.5:1 (AAA).

Against White5.14:1

White Text Preview

Normal AA:Pass

Normal AAA:Fail

Large AA:Pass

Large AAA:Pass

Against Black3.67:1

Black Text Preview

Normal AA:Fail

Normal AAA:Fail

Large AA:Pass

Large AAA:Fail

Color Harmonies

Complementary (180°)

#21759bBase

#9c4821Complement

Triadic (±120°)

#21759bBase

#9c2175+120°

#759c21-120°

Analogous (±30°)

#219c85-30°

#21759bBase

#21389c+30°

Tints & Shades

Tints (Mixing toward White)

#428aaa+15%

#649eb9+30%

#85b3c8+45%

#a6c8d7+60%

#c8dde6+75%

Shades (Mixing toward Black)

#1c6384-15%

#17526d-30%

#124055-45%

#0d2f3e-60%

#081d27-75%

Color Names

WordPress BlueBrand Color

Also known as:

WordPress Blue

Brand names are trademarks of their owners. Values are the colours commonly cited from each brand's guidelines or logo and may differ from current official assets.

Want to extract colors from an image?

Upload or drag any photo, screenshot, or graphic to sample pixel-exact colors with a 10× zoom loupe, extract dominant palettes, and copy CSS variables.

Pick colours from your own image →