#536878
Gray family

Payne's Gray

Also known as: muted · subtle · sophisticated · calm · depth
Save
Hex #536878
RGB rgb(83, 104, 120)
HSL hsl(206°, 18%, 40%)
CMYK 31 · 13 · 0 · 53
RAL RAL 7012 · Basalt Grey
NCS S 6000-N

RAL and NCS values are nearest equivalents, not official designations.

Meaning

In Western art, Payne's Gray conveys sophistication and calmness, often used to represent shadows and depth. While it symbolizes tranquility in many contexts, in some cultures, its grayness can indicate melancholy or a sense of loss.

Named after the 18th-century British painter William Payne, who popularized the color in his watercolors, Payne's Gray became widely recognized in the early 19th century. Its unique formulation provided artists with a reliable and versatile pigment for landscapes and atmospheric effects.

mutedsubtlesophisticatedcalmdepth

Similar colors

Ranked by CIE76 ΔE — the perceptual distance from Payne's Gray. Lower ΔE means a closer match (below ~2 is barely distinguishable).

All 27 Grays →

Shades & tints

Nine steps of Payne's Gray by lightness — from #2B363E (darkest) to #A6B0B9 (lightest). Click any to copy.

-40% #2B363E
-30% #35434D
-20% #3F4F5B
-10% #495C6A
BASE #536878
+15% #687A88
+30% #7C8C98
+50% #919EA9
+70% #A6B0B9

Complementary

Sitting opposite Payne's Gray at 26° on the color wheel, these give the highest-contrast pairings.

Palettes

Curated 5-color combinations featuring Payne's Gray.

#536878
#2C3E50
#BDC3C7
#3498DB
#E74C3C

Stormy Seas

Cool Calm
#536878
#FFFFFF
#7F8C8D
#34495E
#95A5A6

Tranquil Evening

Soft Serenity
#536878
#2C3E50
#95A5A6
#F39C12
#E67E22

Urban Landscape

Modern Edge

Payne's Gray scale

A 50–900 tonal scale with Payne's Gray anchored at 500 — ready to drop into a design system. Click any step to copy.

50 #F1F3F4
100 #E0E4E7
200 #BEC6CC
300 #9BA7B1
400 #778894
500 #536878
600 #445562
700 #37454F
800 #2A343C
900 #1C2329

Accessibility

Works well as text on light backgrounds; fails on dark.

Aa Best text color: #FFFFFF · 5.8:1
Payne's Gray as text on… Ratio AA AAA
Aa White background 5.8:1 Pass Large only
Aa Black background 3.62:1 Large only Fail

Thresholds: AA needs 4.5:1 (normal text) / 3:1 (large); AAA needs 7:1 / 4.5:1. Large = 18pt+ or 14pt+ bold.

How to use #536878

Copy-ready values for CSS, screen and print, plus the extra conversions designers reach for.

CSS color: #536878;
CSS color-mix (lighten 30%) color-mix(in srgb, #536878 70%, white)
HSV / HSB 206°, 31%, 47%
CMYK (print) 31, 13, 0, 53
Decimal 5466232
Nearest web-safe #666666

Color vision

How Payne's Gray appears to viewers with the three main types of color blindness (~1 in 12 men, 1 in 200 women). Simulated approximations.

Normal vision

#536878

Protanopia (no red)

#5C5C74

Deuteranopia (no green)

#5B5973

Tritanopia (no blue)

#547170
Dim Gray
25 / 27 Grays French Gray
Copied!