Custom color

#727A88

#727A88
Hue
218°
Sat
9%
Light
49%
Tailwind classgray-500closest

Accessibility

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

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

Color in use

#727A88 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 #727A88.

Card
Premium Plan

50+ tools, lifetime updates.

Get started
Alert
Heads up — this alert uses #727A88 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

#727A88#888072

Split complementary

#727A88#887572#858872

CSS variables

/* #727A88 */
:root {
  --color--727a88: #727A88;
  --color--727a88-rgb: 114, 122, 136;
  --color--727a88-hsl: 218, 9%, 49%;
}

Similar colors

Raven
#727B89
Shuttle Gray
#5F6672
Pale Sky
#6E7783
Lynch
#697E9A
Slate Gray
#708090
Mako
#444954
Waikawa Gray
#5A6E9C
Storm Gray
#717486
Abbey
#4C4F56
River Bed
#434C59
Gray Chateau
#A2AAB3
Trout
#4A4E5A

Color tools

Convert #727A88 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