命名颜色 · #74819A
Stonewash
Stonewash 即 #74819A：rgb(116 129 154)、hsl(219 16% 53%)、oklch(0.602 0.041 263.5)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Blue mean? → · Stonewash color name →
#74819A
oklch(0.602 0.041 263.5)
颜色转换
- 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%)
浅色调 · 深色调 · 灰色调
浅色调
- 818DA4
- 8E99AE
- 9CA5B8
- A9B2C2
- B7BECC
- C5CBD6
- D3D8E0
- E2E5EA
- F0F2F5
深色调
- 646F85
- 545E71
- 454E5E
- 373E4B
- 292E39
- 1B1F27
- 0F1217
- 050609
- 010101
灰色调
- 758197
- 768195
- 788192
- 798190
- 7A818D
- 7B818B
- 7C8088
- 7E8085
- 7F8083
配色和谐
互补色 +180°
- 74819A
Stonewash
- 8D7F65
≈ Hidden Cottage
类似色 -30° +30°
- 74819A
Stonewash
- 698596
≈ South Pacific
- 817C98
≈ Blue Intrigue
三角配色 +120° +240°
- 74819A
Stonewash
- 987775
≈ Hickory Stick
- 728771
≈ Thyme and Place
分裂互补色 +150° +210°
- 74819A
Stonewash
- 957A6A
≈ True Walnut
- 808468
≈ Zipline Green
四角配色 +90° +180° +270°
- 74819A
Stonewash
- 957783
≈ Dusk Wine
- 8D7F65
≈ Hidden Cottage
- 67897E
≈ Garland
对比度与无障碍
Ag
Fail白底
WCAG 3.92:1 · APCA Lc 67
Ag
AA黑底
WCAG 5.34:1 · APCA Lc 35
最佳文字颜色: #000000
WCAG 5.34:1 (AA) · APCA Lc 35
Contrast pairs
代码片段
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);
}