Nearest named color · #51717F
#51717F
Nearest named color: Winter Storm
#51717F (rgb(81 113 127), hsl(198 22% 41%), oklch(0.529 0.043 226.9)) is closest to the named color Winter Storm. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#51717F
oklch(0.529 0.043 226.9)
Color conversions
- HEX
- #51717f
- RGB
- rgb(81 113 127)
- HSL
- hsl(198 22% 41%)
- HWB
- hwb(198 32% 50%)
- OKLCH
- oklch(0.529 0.043 226.9)
- OKLab
- oklab(0.529 -0.029 -0.031)
- CIE Lab
- lab(45.57 -9.12 -11.67)
- LCH
- lch(45.57 14.81 232)
- CMYK
- cmyk(36% 11% 0% 50%)
Tints · Shades · Tones
Tints
- 617E8B
- 728C97
- 839AA4
- 94A8B0
- A5B6BD
- B7C4CA
- C8D2D7
- DAE1E4
- EDF0F2
Shades
- 45616E
- 3A525D
- 2F434C
- 24353C
- 1A272D
- 101A1F
- 070E11
- 020406
- 000101
Tones
- 56737F
- 5B747F
- 60767F
- 647780
- 697980
- 6E7A80
- 727C80
- 777D80
- 7B7F80
Color harmonies
Complementary +180°
- 51717F
Winter Storm
- 816457
≈ Chivalrous Walrus
Analogous -30° +30°
- 51717F
Winter Storm
- 4E7474
≈ Rogue Waters
- 5C6D85
≈ Boundless
Triadic +120° +240°
- 51717F
Winter Storm
- 7F6270
≈ Cabal
- 6E6E51
≈ Toy Tank Green
Split-complementary +150° +210°
- 51717F
Winter Storm
- 836263
≈ Aged Beech
- 7A6950
≈ Roycroft Brass
Tetradic +90° +180° +270°
- 51717F
Winter Storm
- 76647C
≈ Montana Grape
- 816457
≈ Chivalrous Walrus
- 607259
≈ Midnight Garden
Contrast & accessibility
Ag
AAOn white
WCAG 5.22:1 · APCA Lc 76
Ag
FailOn black
WCAG 4.01:1 · APCA Lc 26
Best text color: #FFFFFF
WCAG 5.22:1 (AA) · APCA Lc 76
Contrast pairs
Code snippets
CSS
:root {
--winter-storm: #51717f;
--winter-storm-rgb: 81 113 127;
--winter-storm-oklch: oklch(0.529 0.043 226.9);
}
.element {
color: var(--winter-storm);
background-color: hsl(198 22% 41%);
border-color: oklch(0.529 0.043 226.9);
}Tailwind CSS v4
@theme {
--color-winter-storm: #51717f;
--color-winter-storm-50: #e9f8ff;
--color-winter-storm-100: #daebf3;
--color-winter-storm-200: #c2d8e3;
--color-winter-storm-300: #a2bcc9;
--color-winter-storm-400: #84a4b2;
--color-winter-storm-500: #688c9c;
--color-winter-storm-600: #587784;
--color-winter-storm-700: #465f6a;
--color-winter-storm-800: #32464e;
--color-winter-storm-900: #223036;
--color-winter-storm-950: #111c21;
}SCSS
$winter-storm: #51717f;
$winter-storm-rgb: 81, 113, 127;
$winter-storm-light: mix(#fff, $winter-storm, 20%);
$winter-storm-dark: mix(#000, $winter-storm, 20%);
.element {
color: $winter-storm;
box-shadow: 0 0 0 2px rgba($winter-storm, 0.35);
}