Colore con nome · #F3E0BE
Vanilla Custard
Vanilla Custard è #F3E0BE: rgb(243 224 190), hsl(38 69% 85%), oklch(0.913 0.049 82.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Vanilla Custard color name →
#F3E0BE
oklch(0.913 0.049 82.2)
Conversioni di colore
- HEX
- #f3e0be
- RGB
- rgb(243 224 190)
- HSL
- hsl(38 69% 85%)
- HWB
- hwb(38 75% 5%)
- OKLCH
- oklch(0.913 0.049 82.2)
- OKLab
- oklab(0.913 0.007 0.049)
- CIE Lab
- lab(90.09 2.86 19.2)
- LCH
- lch(90.09 19.41 81.5)
- CMYK
- cmyk(0% 8% 22% 5%)
Tinte · Ombre · Toni
Tinte
- F4E3C5
- F5E6CB
- F7E9D2
- F8ECD8
- F9F0DF
- FAF3E5
- FBF6EC
- FDF9F2
- FEFCF9
Ombre
- D3C3A5
- B4A68C
- 978A75
- 7A705E
- 5E5648
- 443E33
- 2B271F
- 14120D
- 030202
Toni
- E7D6B8
- DBCCB1
- CFC2AB
- C3B9A5
- B8AF9F
- ACA599
- A19C92
- 96928C
- 8B8986
Armonie di colore
Complementare +180°
- F3E0BE
Vanilla Custard
- D4E3FF
≈ Stoic White
Analogo -30° +30°
- F3E0BE
Vanilla Custard
- FEDAC5
≈ Quilt
- E3E6C1
≈ Tinted Mint
Triadico +120° +240°
- F3E0BE
Vanilla Custard
- BDEDF1
≈ Cold Blooded
- F3D8F6
≈ Grape Taffy
Complementare divisa +150° +210°
- F3E0BE
Vanilla Custard
- C3E9FE
≈ Blue Java Banana
- E2DEFF
≈ Contrail
Tetradico +90° +180° +270°
- F3E0BE
Vanilla Custard
- C2EEDF
≈ Fresh Breeze
- D4E3FF
≈ Stoic White
- FED6E6
≈ Powder Pink
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.29:1 · APCA Lc 15
Ag
AAASu nero
WCAG 16.21:1 · APCA Lc 89
Miglior colore del testo: #000000
WCAG 16.21:1 (AAA) · APCA Lc 89
Contrast pairs
Frammenti di codice
CSS
:root {
--vanilla-custard: #f3e0be;
--vanilla-custard-rgb: 243 224 190;
--vanilla-custard-oklch: oklch(0.913 0.049 82.2);
}
.element {
color: var(--vanilla-custard);
background-color: hsl(38 69% 85%);
border-color: oklch(0.913 0.049 82.2);
}Tailwind CSS v4
@theme {
--color-vanilla-custard: #f3e0be;
--color-vanilla-custard-50: #fcf4e6;
--color-vanilla-custard-100: #f0e7d6;
--color-vanilla-custard-200: #ded3bd;
--color-vanilla-custard-300: #c3b69b;
--color-vanilla-custard-400: #ad9c7e;
--color-vanilla-custard-500: #978361;
--color-vanilla-custard-600: #7f6f52;
--color-vanilla-custard-700: #665941;
--color-vanilla-custard-800: #4b412f;
--color-vanilla-custard-900: #342d20;
--color-vanilla-custard-950: #201a0f;
}SCSS
$vanilla-custard: #f3e0be;
$vanilla-custard-rgb: 243, 224, 190;
$vanilla-custard-light: mix(#fff, $vanilla-custard, 20%);
$vanilla-custard-dark: mix(#000, $vanilla-custard, 20%);
.element {
color: $vanilla-custard;
box-shadow: 0 0 0 2px rgba($vanilla-custard, 0.35);
}