Cor nomeada · #FFE2C7
Wild Maple
Wild Maple é #FFE2C7: rgb(255 226 199), hsl(29 100% 89%), oklch(0.93 0.048 65.2). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Wild Maple color name →
#FFE2C7
oklch(0.93 0.048 65.2)
Conversões de cor
- HEX
- #ffe2c7
- RGB
- rgb(255 226 199)
- HSL
- hsl(29 100% 89%)
- HWB
- hwb(29 78% 0%)
- OKLCH
- oklch(0.93 0.048 65.2)
- OKLab
- oklab(0.93 0.02 0.044)
- CIE Lab
- lab(91.79 7.3 17.1)
- LCH
- lch(91.79 18.59 66.9)
- CMYK
- cmyk(0% 11% 22% 0%)
Tons claros · Sombras · Tons
Tons claros
- FFE5CD
- FFE8D2
- FFEBD8
- FFEEDD
- FFF1E3
- FFF3E9
- FFF6EE
- FFF9F4
- FFFCF9
Sombras
- DEC4AD
- BEA893
- 9E8C7A
- 807162
- 63574C
- 483E36
- 2E2721
- 16120E
- 030302
Tons
- F2D8C0
- E4CEB9
- D7C4B1
- CABAAA
- BEB0A3
- B1A69C
- A59C95
- 98938E
- 8C8987
Harmonias de cor
Complementar +180°
- FFE2C7
Wild Maple
- D5EBFF
≈ Veiling Waterfalls
Análoga -30° +30°
- FFE2C7
Wild Maple
- FFE0D8
≈ Red Shimmer
- F1E8C4
≈ Ethereal Green
Tríade +120° +240°
- FFE2C7
Wild Maple
- C5F3EC
≈ Angel of Death Victorious
- EEE1FF
≈ Lavender Savour
Complementar dividida +150° +210°
- FFE2C7
Wild Maple
- C4F1FC
≈ Heaven’s Gate
- E1E7FF
≈ Lavender Mist
Tétrade +90° +180° +270°
- FFE2C7
Wild Maple
- D0F2DA
≈ Fennel Tea
- D5EBFF
≈ Veiling Waterfalls
- FDDCF5
≈ Silky Pink
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.23:1 · APCA Lc 12
Ag
AAASobre preto
WCAG 16.95:1 · APCA Lc 92
Melhor cor de texto: #000000
WCAG 16.95:1 (AAA) · APCA Lc 92
Contrast pairs
Trechos de código
CSS
:root {
--wild-maple: #ffe2c7;
--wild-maple-rgb: 255 226 199;
--wild-maple-oklch: oklch(0.93 0.048 65.2);
}
.element {
color: var(--wild-maple);
background-color: hsl(29 100% 89%);
border-color: oklch(0.93 0.048 65.2);
}Tailwind CSS v4
@theme {
--color-wild-maple: #ffe2c7;
--color-wild-maple-50: #fff3e7;
--color-wild-maple-100: #f3e5d7;
--color-wild-maple-200: #e3d1bf;
--color-wild-maple-300: #c9b39e;
--color-wild-maple-400: #b39981;
--color-wild-maple-500: #9d8065;
--color-wild-maple-600: #856c56;
--color-wild-maple-700: #6a5744;
--color-wild-maple-800: #4f3f31;
--color-wild-maple-900: #372b21;
--color-wild-maple-950: #211911;
}SCSS
$wild-maple: #ffe2c7;
$wild-maple-rgb: 255, 226, 199;
$wild-maple-light: mix(#fff, $wild-maple, 20%);
$wild-maple-dark: mix(#000, $wild-maple, 20%);
.element {
color: $wild-maple;
box-shadow: 0 0 0 2px rgba($wild-maple, 0.35);
}