neutralcool

Pewter #899397

A medium blue-gray named after the metal alloy; industrial and understated.

Use cases: Industrial UI · Hardware brands

Open in generator →Colors that go with pewter

Families: Slate Colors

Color values

FormatValue
HEX#899397
RGBrgb(137, 147, 151)
HSLhsl(197, 6%, 56%)
HSVhsv(197, 9%, 59%)
OKLCHoklch(65.64% 0.013 223.6)
OKLaboklab(65.64% -0.0094 -0.009)
CMYKcmyk(9.3%, 2.6%, 0%, 40.8%)
XYZxyz(26.3349, 28.4198, 33.3703)
CIE-LABlab(60.3, -2.8, -3.4)
CIE-LCHlch(60.3, 4.3, 230.4°)
Luminance0.284 (WCAG relative)
/* Pewter */ --pewter: #899397; color: #899397; background-color: #899397;

Source: Tintiva editorial record. CSS keyword: pewter.

Collections: Muted Colors · Cool Gray Colors · Neutral Colors

Shade scale

Perceptual 50–950 scale, interpolated in CIE-LAB. Step 500 is the base color. Edit in the shade generator →

50
100
200
300
400
500
600
700
800
900
950

OKLCH ramp (perceptually uniform, modern CSS)

50
100
200
300
400
500
600
700
800
900
950

Shades (toward black)

#7a8387 #6c7477 #5e6567 #515658 #434849 #373a3b #2a2d2e #1e2020 #131314 #000000

Tints (toward white)

#949da1 #a0a8ab #abb2b5 #b7bdbf #c2c8ca #ced3d4 #dadddf #e6e9e9 #f3f4f4 #ffffff

Tones (toward gray)

#8a9396 #8b9396 #8c9295 #8c9295 #8d9294 #8e9294 #8f9293 #909292 #909192 #919191

Color harmonies

Complementary

Edit in generator →
#899397
#978D89
#899397 #978d89

Analogous

Edit in generator →
#899794
#899397
#898C97
#899794 #899397 #898c97

Triadic

Edit in generator →
#899397
#978993
#939789
#899397 #978993 #939789

Tetradic

Edit in generator →
#899397
#948997
#978D89
#8C9789
#899397 #948997 #978d89 #8c9789

Square

Edit in generator →
#899397
#948997
#978D89
#8C9789
#899397 #948997 #978d89 #8c9789

Split Complementary

Edit in generator →
#899397
#97898C
#979489
#899397 #97898c #979489

Monochromatic

Edit in generator →
#4E5558
#6A7479
#899397
#AAB1B4
#CACFD0
#4e5558 #6a7479 #899397 #aab1b4 #cacfd0

Accessibility & contrast

3.14
#899397 on #FFFFFF
AA text AA large AAA text UI 3:1
6.68
#899397 on #000000
AA text AA large AAA text UI 3:1

Best text on pewter

6.68
#000000 text

WCAG 2.1: AA needs ≥4.5:1 for normal text, ≥3:1 for large text and UI components; AAA needs ≥7:1 / ≥4.5:1. Open the contrast checker →

Color blindness preview

Simulation using the Machado et al. (2009) physiological model, severity 1.0. This is an approximation of perception — not a medical assessment.

Normal vision
Protanopia (red-blind)
#919297
Deuteranopia (green-blind)
#8E9097
Tritanopia (blue-blind)
#859494

Closest named colors

Nearest matches by CIEDE2000 perceptual distance (ΔE₀₀) across the full color database.

ColorNameΔE₀₀
Grey #9295914.96
Cool Grey #95A3A65.20
Cool Gray #9AA7B06.67
Bluey Grey #89A0B06.90
Lightslategray #7788997.14
Steel Grey #6F828A7.45

Palettes with pewter

Colors that go with pewter

Top matches by hue harmony, contrast and saturation compatibility. See all 10 ranked combinations →

Navy Blue #1B2A4A
4.5:1
Analogous hue (Δh ≈24°) — neighbors on the color wheel
2.8:1
Analogous hue (Δh ≈25°) — neighbors on the color wheel
Dark Plum #3F012C
5.3:1
Triadic harmony (Δh ≈121°) — balanced three-way contrast
Dusty Pink #D8A7B1
1.5:1
Split-complementary angle (Δh ≈151°) — strong but softer than direct complement
Taupe #8B7D6B
1.3:1
Complementary hue (Δh ≈163°) — maximum hue contrast

Values computed from the sRGB color model. CMYK is the naive sRGB conversion without an ICC profile. RGB percentages may differ between color-managed applications.