Custom color

#818A98

#818A98
Hue
217°
Sat
10%
Light
55%
Tailwind classslate-500closest

Accessibility

WCAG 2.1 contrast against white and black text — pick the combination that passes for your use case.

AaThe quick brown fox.
3.49White on this color
AA FailAA Large PassAAA Fail
AaThe quick brown fox.
6.02Black on this color
AA PassAA Large PassAAA Fail

Color in use

#818A98 applied to common UI primitives — see how it reads in real interfaces.

Buttons
PrimaryOutlineGhost
Badges
ActiveFeaturedLive
Typography

The future of color is bright.

A paragraph with an inline link in #818A98.

Card
Premium Plan

50+ tools, lifetime updates.

Get started
Alert
Heads up — this alert uses #818A98 as its accent stripe.
Progress & Input
Search…

Shades & tints

Click any swatch to copy its hex.

Color harmonies

Pairings from the color wheel — click any swatch to explore it.

Complementary

#818A98#988F81

Split complementary

#818A98#988381#959881

CSS variables

/* #818A98 */
:root {
  --color--818a98: #818A98;
  --color--818a98-rgb: 129, 138, 152;
  --color--818a98-hsl: 217, 10%, 55%;
}

Similar colors

Raven
#727B89
Pale Sky
#6E7783
Shuttle Gray
#5F6672
Lynch
#697E9A
Slate Gray
#708090
Gray Chateau
#A2AAB3
Regent Gray
#86949F
Cadet Blue
#A9B2C3
River Bed
#434C59
Oslo Gray
#878D91
Manatee
#8D90A1
Mako
#444954

Color tools

Convert #818A98 to TailwindColor converterGradient generatorColor palettesTailwind colors

Pick this color from any page

Use SuperDev Pro's eyedropper, contrast checker and 50+ dev tools right inside your browser.

Add to Chrome — Free