Colore con nome · #F3D9BA
Cachet Cream
Cachet Cream è #F3D9BA: rgb(243 217 186), hsl(33 70% 84%), oklch(0.899 0.05 72). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Cachet Cream color name →
#F3D9BA
oklch(0.899 0.05 72)
Conversioni di colore
- HEX
- #f3d9ba
- RGB
- rgb(243 217 186)
- HSL
- hsl(33 70% 84%)
- HWB
- hwb(33 73% 5%)
- OKLCH
- oklch(0.899 0.05 72)
- OKLab
- oklab(0.899 0.016 0.048)
- CIE Lab
- lab(88.29 5.84 18.8)
- LCH
- lch(88.29 19.68 72.7)
- CMYK
- cmyk(0% 11% 23% 5%)
Tinte · Ombre · Toni
Tinte
- F4DDC1
- F6E1C8
- F7E4CF
- F8E8D6
- F9ECDD
- FAF0E3
- FCF4EA
- FDF7F1
- FEFBF8
Ombre
- D3BCA1
- B4A189
- 978672
- 7A6C5C
- 5E5346
- 443B32
- 2B251E
- 14110D
- 030202
Toni
- E7D0B4
- DBC7AE
- CFBEA9
- C4B4A3
- B8AC9D
- ADA397
- A19A91
- 96918C
- 8B8986
Armonie di colore
Complementare +180°
- F3D9BA
Cachet Cream
- C6E1FF
≈ Arc Light
Analogo -30° +30°
- F3D9BA
Cachet Cream
- FCD4C4
≈ Coral Dune
- E4DFBA
≈ Forest Found
Triadico +120° +240°
- F3D9BA
Cachet Cream
- B8E9E6
≈ Tahitian Breeze
- E9D5F6
≈ Lavender Princess
Complementare divisa +150° +210°
- F3D9BA
Cachet Cream
- BAE6F6
≈ Breaking the Ice
- D8DAFF
≈ Transparent Blue
Tetradico +90° +180° +270°
- F3D9BA
Cachet Cream
- C1E9D4
≈ Martian Moon
- C6E1FF
≈ Arc Light
- F6D1E7
≈ Pink Lily
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.35:1 · APCA Lc 18
Ag
AAASu nero
WCAG 15.44:1 · APCA Lc 86
Miglior colore del testo: #000000
WCAG 15.44:1 (AAA) · APCA Lc 86
Contrast pairs
Frammenti di codice
CSS
:root {
--cachet-cream: #f3d9ba;
--cachet-cream-rgb: 243 217 186;
--cachet-cream-oklch: oklch(0.899 0.05 72);
}
.element {
color: var(--cachet-cream);
background-color: hsl(33 70% 84%);
border-color: oklch(0.899 0.05 72);
}Tailwind CSS v4
@theme {
--color-cachet-cream: #f3d9ba;
--color-cachet-cream-50: #fef3e6;
--color-cachet-cream-100: #f2e6d6;
--color-cachet-cream-200: #e1d2bd;
--color-cachet-cream-300: #c7b49c;
--color-cachet-cream-400: #b19a7e;
--color-cachet-cream-500: #9b8161;
--color-cachet-cream-600: #836d53;
--color-cachet-cream-700: #695742;
--color-cachet-cream-800: #4e402f;
--color-cachet-cream-900: #362c20;
--color-cachet-cream-950: #211910;
}SCSS
$cachet-cream: #f3d9ba;
$cachet-cream-rgb: 243, 217, 186;
$cachet-cream-light: mix(#fff, $cachet-cream, 20%);
$cachet-cream-dark: mix(#000, $cachet-cream, 20%);
.element {
color: $cachet-cream;
box-shadow: 0 0 0 2px rgba($cachet-cream, 0.35);
}