Cor nomeada · #CAAB94
Apple Pie
Apple Pie é #CAAB94: rgb(202 171 148), hsl(26 34% 69%), oklch(0.763 0.048 58.5). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Apple Pie color name →
#CAAB94
oklch(0.763 0.048 58.5)
Conversões de cor
- HEX
- #caab94
- RGB
- rgb(202 171 148)
- HSL
- hsl(26 34% 69%)
- HWB
- hwb(26 58% 21%)
- OKLCH
- oklch(0.763 0.048 58.5)
- OKLab
- oklab(0.763 0.025 0.041)
- CIE Lab
- lab(72.32 9.09 16.3)
- LCH
- lch(72.32 18.67 60.9)
- CMYK
- cmyk(0% 15% 27% 21%)
Tons claros · Sombras · Tons
Tons claros
- CFB39E
- D5BBA9
- DAC4B3
- DFCCBE
- E5D4C9
- EADDD3
- EFE5DE
- F5EEE9
- FAF6F4
Sombras
- AF9480
- 957E6D
- 7C685A
- 645448
- 4D4036
- 372D26
- 221B16
- 0F0B08
- 020101
Tons
- C2A792
- BBA290
- B39E8E
- AC9A8C
- A5958A
- 9D9188
- 968D86
- 8F8984
- 878482
Harmonias de cor
Complementar +180°
- CAAB94
Apple Pie
- 96B7CE
≈ Sea Mark
Análoga -30° +30°
- CAAB94
Apple Pie
- CFA7A1
≈ Cinnamon Cocoa
- BEB18F
≈ Terminatus Stone
Tríade +120° +240°
- CAAB94
Apple Pie
- 91BCB2
≈ Mild Evergreen
- B5ACCD
≈ Lavender Dream
Complementar dividida +150° +210°
- CAAB94
Apple Pie
- 8EBBC2
≈ Kingston Aqua
- A5B1D2
≈ Awesome Violet
Tétrade +90° +180° +270°
- CAAB94
Apple Pie
- 9EBBA1
≈ Reeds
- 96B7CE
≈ Sea Mark
- C4A7C1
≈ Lilac Fluff
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.15:1 · APCA Lc 42
Ag
AAASobre preto
WCAG 9.76:1 · APCA Lc 60
Melhor cor de texto: #000000
WCAG 9.76:1 (AAA) · APCA Lc 60
Contrast pairs
Trechos de código
CSS
:root {
--apple-pie: #caab94;
--apple-pie-rgb: 202 171 148;
--apple-pie-oklch: oklch(0.763 0.048 58.5);
}
.element {
color: var(--apple-pie);
background-color: hsl(26 34% 69%);
border-color: oklch(0.763 0.048 58.5);
}Tailwind CSS v4
@theme {
--color-apple-pie: #caab94;
--color-apple-pie-50: #fff2e8;
--color-apple-pie-100: #f5e5d8;
--color-apple-pie-200: #e4d0c0;
--color-apple-pie-300: #cab29f;
--color-apple-pie-400: #b59883;
--color-apple-pie-500: #9f7f66;
--color-apple-pie-600: #866b57;
--color-apple-pie-700: #6c5645;
--color-apple-pie-800: #503e32;
--color-apple-pie-900: #372b22;
--color-apple-pie-950: #221811;
}SCSS
$apple-pie: #caab94;
$apple-pie-rgb: 202, 171, 148;
$apple-pie-light: mix(#fff, $apple-pie, 20%);
$apple-pie-dark: mix(#000, $apple-pie, 20%);
.element {
color: $apple-pie;
box-shadow: 0 0 0 2px rgba($apple-pie, 0.35);
}