命名颜色 · #908C84
Big Apple
Big Apple 即 #908C84：rgb(144 140 132)、hsl(40 5% 54%)、oklch(0.641 0.013 84.6)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Gray mean? → · Big Apple color name →
#908C84
oklch(0.641 0.013 84.6)
颜色转换
- HEX
- #908c84
- RGB
- rgb(144 140 132)
- HSL
- hsl(40 5% 54%)
- HWB
- hwb(40 52% 44%)
- OKLCH
- oklch(0.641 0.013 84.6)
- OKLab
- oklab(0.641 0.001 0.013)
- CIE Lab
- lab(58.42 0.43 4.84)
- LCH
- lch(58.42 4.86 85)
- CMYK
- cmyk(0% 3% 8% 44%)
浅色调 · 深色调 · 灰色调
浅色调
- 9B9790
- A5A29B
- B0ADA7
- BBB8B3
- C6C4C0
- D1D0CC
- DDDBD9
- E8E7E5
- F3F3F2
深色调
- 7D7972
- 6A6760
- 57554F
- 45433F
- 34332F
- 242320
- 151412
- 070706
- 010101
灰色调
- 8E8B84
- 8D8A83
- 8B8883
- 8A8782
- 888682
- 868582
- 858481
- 838281
- 828180
配色和谐
互补色 +180°
- 908C84
Big Apple
- 898D94
≈ Sleet
类似色 -30° +30°
- 908C84
Big Apple
- 938B85
≈ Creek Bend
- 8C8D85
≈ Naturalist Grey
三角配色 +120° +240°
- 908C84
Big Apple
- 848F90
≈ Common Feldspar
- 918A91
≈ Gris Morado
分裂互补色 +150° +210°
- 908C84
Big Apple
- 858E93
≈ Common Feldspar
- 8D8B94
≈ Gris Morado
四角配色 +90° +180° +270°
- 908C84
Big Apple
- 858F8C
≈ Beguile
- 898D94
≈ Sleet
- 93898D
≈ Stone Haze
对比度与无障碍
Ag
Fail白底
WCAG 3.34:1 · APCA Lc 61
Ag
AA黑底
WCAG 6.27:1 · APCA Lc 41
最佳文字颜色: #000000
WCAG 6.27:1 (AA) · APCA Lc 41
Contrast pairs
代码片段
CSS
:root {
--big-apple: #908c84;
--big-apple-rgb: 144 140 132;
--big-apple-oklch: oklch(0.641 0.013 84.6);
}
.element {
color: var(--big-apple);
background-color: hsl(40 5% 54%);
border-color: oklch(0.641 0.013 84.6);
}Tailwind CSS v4
@theme {
--color-big-apple: #908c84;
--color-big-apple-50: #f7f5f1;
--color-big-apple-100: #eae8e3;
--color-big-apple-200: #d6d4ce;
--color-big-apple-300: #bab7b0;
--color-big-apple-400: #a29e96;
--color-big-apple-500: #8a867d;
--color-big-apple-600: #75716a;
--color-big-apple-700: #5d5a55;
--color-big-apple-800: #44423e;
--color-big-apple-900: #2f2e2a;
--color-big-apple-950: #1c1a18;
}SCSS
$big-apple: #908c84;
$big-apple-rgb: 144, 140, 132;
$big-apple-light: mix(#fff, $big-apple, 20%);
$big-apple-dark: mix(#000, $big-apple, 20%);
.element {
color: $big-apple;
box-shadow: 0 0 0 2px rgba($big-apple, 0.35);
}