Benannte Farbe · #74819A
Stonewash
Stonewash ist #74819A: rgb(116 129 154), hsl(219 16% 53%), oklch(0.602 0.041 263.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Stonewash color name →
#74819A
oklch(0.602 0.041 263.5)
Farbumrechnungen
- HEX
- #74819a
- RGB
- rgb(116 129 154)
- HSL
- hsl(219 16% 53%)
- HWB
- hwb(219 45% 40%)
- OKLCH
- oklch(0.602 0.041 263.5)
- OKLab
- oklab(0.602 -0.005 -0.041)
- CIE Lab
- lab(53.58 -0.56 -15.16)
- LCH
- lch(53.58 15.17 267.9)
- CMYK
- cmyk(25% 16% 0% 40%)
Tints · Shades · Tones
Tints
- 818DA4
- 8E99AE
- 9CA5B8
- A9B2C2
- B7BECC
- C5CBD6
- D3D8E0
- E2E5EA
- F0F2F5
Shades
- 646F85
- 545E71
- 454E5E
- 373E4B
- 292E39
- 1B1F27
- 0F1217
- 050609
- 010101
Tones
- 758197
- 768195
- 788192
- 798190
- 7A818D
- 7B818B
- 7C8088
- 7E8085
- 7F8083
Farbharmonien
Komplementär +180°
- 74819A
Stonewash
- 8D7F65
≈ Hidden Cottage
Analog -30° +30°
- 74819A
Stonewash
- 698596
≈ South Pacific
- 817C98
≈ Blue Intrigue
Triadisch +120° +240°
- 74819A
Stonewash
- 987775
≈ Hickory Stick
- 728771
≈ Thyme and Place
Geteilt komplementär +150° +210°
- 74819A
Stonewash
- 957A6A
≈ True Walnut
- 808468
≈ Zipline Green
Tetradisch +90° +180° +270°
- 74819A
Stonewash
- 957783
≈ Dusk Wine
- 8D7F65
≈ Hidden Cottage
- 67897E
≈ Garland
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.92:1 · APCA Lc 67
Ag
AAAuf Schwarz
WCAG 5.34:1 · APCA Lc 35
Beste Textfarbe: #000000
WCAG 5.34:1 (AA) · APCA Lc 35
Contrast pairs
Code-Snippets
CSS
:root {
--stonewash: #74819a;
--stonewash-rgb: 116 129 154;
--stonewash-oklch: oklch(0.602 0.041 263.5);
}
.element {
color: var(--stonewash);
background-color: hsl(219 16% 53%);
border-color: oklch(0.602 0.041 263.5);
}Tailwind CSS v4
@theme {
--color-stonewash: #74819a;
--color-stonewash-50: #eff5ff;
--color-stonewash-100: #e1e8f6;
--color-stonewash-200: #ccd4e7;
--color-stonewash-300: #adb8cd;
--color-stonewash-400: #929fb7;
--color-stonewash-500: #7886a2;
--color-stonewash-600: #667289;
--color-stonewash-700: #515b6e;
--color-stonewash-800: #3a4351;
--color-stonewash-900: #282e38;
--color-stonewash-950: #161b23;
}SCSS
$stonewash: #74819a;
$stonewash-rgb: 116, 129, 154;
$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);
}