命名颜色 · #FCC492
Tuscan Wall
Tuscan Wall 即 #FCC492：rgb(252 196 146)、hsl(28 95% 78%)、oklch(0.859 0.091 62.9)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Orange mean? → · Tuscan Wall color name →
#FCC492
oklch(0.859 0.091 62.9)
颜色转换
- HEX
- #fcc492
- RGB
- rgb(252 196 146)
- HSL
- hsl(28 95% 78%)
- HWB
- hwb(28 57% 1%)
- OKLCH
- oklch(0.859 0.091 62.9)
- OKLab
- oklab(0.859 0.042 0.081)
- CIE Lab
- lab(83.43 16.08 33.2)
- LCH
- lch(83.43 36.89 64.2)
- CMYK
- cmyk(0% 22% 42% 1%)
浅色调 · 深色调 · 灰色调
浅色调
- FDCA9D
- FDD0A8
- FED6B3
- FEDCBE
- FFE2C9
- FFE8D4
- FFEEDF
- FFF3E9
- FFF9F4
深色调
- DBAA7E
- BB916B
- 9C7858
- 7E6146
- 624A35
- 473525
- 2D2116
- 160E08
- 030201
灰色调
- EFBD91
- E2B68F
- D6AF8E
- C9A98C
- BDA28A
- B09B89
- A49487
- 988E85
- 8C8782
配色和谐
互补色 +180°
- FCC492
Tuscan Wall
- A6D7FF
≈ Malmö FF
类似色 -30° +30°
- FCC492
Tuscan Wall
- FFBFB1
≈ Ruffled Parasol
- E5D08B
≈ Alchemy
三角配色 +120° +240°
- FCC492
Tuscan Wall
- 88E5D6
≈ Sea Foam
- DBC4FF
≈ Neon Boneyard
分裂互补色 +150° +210°
- FCC492
Tuscan Wall
- 86E1F4
≈ Photon Barrier
- C1CEFF
≈ Lavender Blue
四角配色 +90° +180° +270°
- FCC492
Tuscan Wall
- A3E3B4
≈ Overtone
- A6D7FF
≈ Malmö FF
- F5BBEB
≈ Lovecloud
对比度与无障碍
Ag
Fail白底
WCAG 1.56:1 · APCA Lc 26
Ag
AAA黑底
WCAG 13.45:1 · APCA Lc 77
最佳文字颜色: #000000
WCAG 13.45:1 (AAA) · APCA Lc 77
Contrast pairs
代码片段
CSS
:root {
--tuscan-wall: #fcc492;
--tuscan-wall-rgb: 252 196 146;
--tuscan-wall-oklch: oklch(0.859 0.091 62.9);
}
.element {
color: var(--tuscan-wall);
background-color: hsl(28 95% 78%);
border-color: oklch(0.859 0.091 62.9);
}Tailwind CSS v4
@theme {
--color-tuscan-wall: #fcc492;
--color-tuscan-wall-50: #fff0db;
--color-tuscan-wall-100: #fee2c9;
--color-tuscan-wall-200: #f0cdac;
--color-tuscan-wall-300: #d9ae86;
--color-tuscan-wall-400: #c59365;
--color-tuscan-wall-500: #b17842;
--color-tuscan-wall-600: #956638;
--color-tuscan-wall-700: #78512d;
--color-tuscan-wall-800: #593b20;
--color-tuscan-wall-900: #3e2815;
--color-tuscan-wall-950: #271606;
}SCSS
$tuscan-wall: #fcc492;
$tuscan-wall-rgb: 252, 196, 146;
$tuscan-wall-light: mix(#fff, $tuscan-wall, 20%);
$tuscan-wall-dark: mix(#000, $tuscan-wall, 20%);
.element {
color: $tuscan-wall;
box-shadow: 0 0 0 2px rgba($tuscan-wall, 0.35);
}