Colore con nome · #CAAB94
Apple Pie
Apple Pie è #CAAB94: rgb(202 171 148), hsl(26 34% 69%), oklch(0.763 0.048 58.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Apple Pie color name →
#CAAB94
oklch(0.763 0.048 58.5)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- CFB39E
- D5BBA9
- DAC4B3
- DFCCBE
- E5D4C9
- EADDD3
- EFE5DE
- F5EEE9
- FAF6F4
Ombre
- AF9480
- 957E6D
- 7C685A
- 645448
- 4D4036
- 372D26
- 221B16
- 0F0B08
- 020101
Toni
- C2A792
- BBA290
- B39E8E
- AC9A8C
- A5958A
- 9D9188
- 968D86
- 8F8984
- 878482
Armonie di colore
Complementare +180°
- CAAB94
Apple Pie
- 96B7CE
≈ Sea Mark
Analogo -30° +30°
- CAAB94
Apple Pie
- CFA7A1
≈ Cinnamon Cocoa
- BEB18F
≈ Terminatus Stone
Triadico +120° +240°
- CAAB94
Apple Pie
- 91BCB2
≈ Mild Evergreen
- B5ACCD
≈ Lavender Dream
Complementare divisa +150° +210°
- CAAB94
Apple Pie
- 8EBBC2
≈ Kingston Aqua
- A5B1D2
≈ Awesome Violet
Tetradico +90° +180° +270°
- CAAB94
Apple Pie
- 9EBBA1
≈ Reeds
- 96B7CE
≈ Sea Mark
- C4A7C1
≈ Lilac Fluff
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.15:1 · APCA Lc 42
Ag
AAASu nero
WCAG 9.76:1 · APCA Lc 60
Miglior colore del testo: #000000
WCAG 9.76:1 (AAA) · APCA Lc 60
Contrast pairs
Frammenti di codice
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);
}