Cor nomeada · #FCC492
Tuscan Wall
Tuscan Wall é #FCC492: rgb(252 196 146), hsl(28 95% 78%), oklch(0.859 0.091 62.9). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Tuscan Wall color name →
#FCC492
oklch(0.859 0.091 62.9)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- FDCA9D
- FDD0A8
- FED6B3
- FEDCBE
- FFE2C9
- FFE8D4
- FFEEDF
- FFF3E9
- FFF9F4
Sombras
- DBAA7E
- BB916B
- 9C7858
- 7E6146
- 624A35
- 473525
- 2D2116
- 160E08
- 030201
Tons
- EFBD91
- E2B68F
- D6AF8E
- C9A98C
- BDA28A
- B09B89
- A49487
- 988E85
- 8C8782
Harmonias de cor
Complementar +180°
- FCC492
Tuscan Wall
- A6D7FF
≈ Malmö FF
Análoga -30° +30°
- FCC492
Tuscan Wall
- FFBFB1
≈ Ruffled Parasol
- E5D08B
≈ Alchemy
Tríade +120° +240°
- FCC492
Tuscan Wall
- 88E5D6
≈ Sea Foam
- DBC4FF
≈ Neon Boneyard
Complementar dividida +150° +210°
- FCC492
Tuscan Wall
- 86E1F4
≈ Photon Barrier
- C1CEFF
≈ Lavender Blue
Tétrade +90° +180° +270°
- FCC492
Tuscan Wall
- A3E3B4
≈ Overtone
- A6D7FF
≈ Malmö FF
- F5BBEB
≈ Lovecloud
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.56:1 · APCA Lc 26
Ag
AAASobre preto
WCAG 13.45:1 · APCA Lc 77
Melhor cor de texto: #000000
WCAG 13.45:1 (AAA) · APCA Lc 77
Contrast pairs
Trechos de código
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);
}