Nearest named color · #768399
#768399
Nearest named color: Stonewash
#768399 (rgb(118 131 153), hsl(218 15% 53%), oklch(0.607 0.037 261)) is closest to the named color Stonewash. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#768399
oklch(0.607 0.037 261)
Color conversions
- HEX
- #768399
- RGB
- rgb(118 131 153)
- HSL
- hsl(218 15% 53%)
- HWB
- hwb(218 46% 40%)
- OKLCH
- oklch(0.607 0.037 261)
- OKLab
- oklab(0.607 -0.006 -0.036)
- CIE Lab
- lab(54.27 -1.13 -13.53)
- LCH
- lch(54.27 13.58 265.2)
- CMYK
- cmyk(23% 14% 0% 40%)
Tints · Shades · Tones
Tints
- 838FA3
- 909BAD
- 9DA7B7
- ABB3C1
- B8BFCB
- C6CCD5
- D4D8E0
- E2E5EA
- F1F2F4
Shades
- 667184
- 566070
- 474F5D
- 383F4A
- 292F38
- 1C2027
- 0F1217
- 050608
- 010101
Tones
- 778397
- 788294
- 798292
- 7A828F
- 7B828D
- 7C818A
- 7D8188
- 7E8185
- 7F8083
Color harmonies
Complementary +180°
- 768399
Stonewash
- 8E806A
≈ Quiver Tan
Analogous -30° +30°
- 768399
Stonewash
- 6C8795
≈ South Pacific
- 827F97
≈ Purpletone
Triadic +120° +240°
- 768399
Stonewash
- 977A79
≈ Mushroom Basket
- 778874
≈ Winter Hedge
Split-complementary +150° +210°
- 768399
Stonewash
- 957C6F
≈ Peppered Pecan
- 83856B
≈ Simpson Surprise
Tetradic +90° +180° +270°
- 768399
Stonewash
- 947A85
≈ Mulberry Wine
- 8E806A
≈ Quiver Tan
- 6D8A7F
≈ Hanging Vine
Contrast & accessibility
Ag
FailOn white
WCAG 3.83:1 · APCA Lc 66
Ag
AAOn black
WCAG 5.47:1 · APCA Lc 36
Best text color: #000000
WCAG 5.47:1 (AA) · APCA Lc 36
Contrast pairs
Code snippets
CSS
:root {
--stonewash: #768399;
--stonewash-rgb: 118 131 153;
--stonewash-oklch: oklch(0.607 0.037 261);
}
.element {
color: var(--stonewash);
background-color: hsl(218 15% 53%);
border-color: oklch(0.607 0.037 261);
}Tailwind CSS v4
@theme {
--color-stonewash: #768399;
--color-stonewash-50: #f0f5ff;
--color-stonewash-100: #e1e8f5;
--color-stonewash-200: #ccd5e5;
--color-stonewash-300: #aeb8cb;
--color-stonewash-400: #929fb5;
--color-stonewash-500: #79879f;
--color-stonewash-600: #667287;
--color-stonewash-700: #525b6c;
--color-stonewash-800: #3b434f;
--color-stonewash-900: #282e37;
--color-stonewash-950: #161b22;
}SCSS
$stonewash: #768399;
$stonewash-rgb: 118, 131, 153;
$stonewash-light: mix(#fff, $stonewash, 20%);
$stonewash-dark: mix(#000, $stonewash, 20%);
.element {
color: $stonewash;
box-shadow: 0 0 0 2px rgba($stonewash, 0.35);
}