Colore con nome · #F4EFC1
Almond Oil
Almond Oil è #F4EFC1: rgb(244 239 193), hsl(54 70% 86%), oklch(0.945 0.06 102.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Almond Oil color name →
#F4EFC1
oklch(0.945 0.06 102.3)
Conversioni di colore
- HEX
- #f4efc1
- RGB
- rgb(244 239 193)
- HSL
- hsl(54 70% 86%)
- HWB
- hwb(54 76% 4%)
- OKLCH
- oklch(0.945 0.06 102.3)
- OKLab
- oklab(0.945 -0.013 0.058)
- CIE Lab
- lab(93.99 -3.63 23)
- LCH
- lch(93.99 23.28 99)
- CMYK
- cmyk(0% 2% 21% 4%)
Tinte · Ombre · Toni
Tinte
- F5F1C7
- F6F2CE
- F7F4D4
- F8F6DA
- F9F7E0
- FBF9E7
- FCFAED
- FDFCF3
- FEFDF9
Ombre
- D4D0A7
- B5B18F
- 979477
- 7A785F
- 5E5C49
- 444234
- 2B2A20
- 14140E
- 030302
Toni
- E8E3BA
- DCD8B4
- D0CCAD
- C4C1A7
- B8B6A0
- ADAB9A
- A1A093
- 96958D
- 8B8B86
Armonie di colore
Complementare +180°
- F4EFC1
Almond Oil
- E9EBFF
≈ Brilliant White
Analogo -30° +30°
- F4EFC1
Almond Oil
- FFE9CE
≈ Pale Egg
- DEF6CD
≈ Green Glint
Triadico +120° +240°
- F4EFC1
Almond Oil
- D3F3FF
≈ Water
- FFE4F3
≈ Bunny Tail
Complementare divisa +150° +210°
- F4EFC1
Almond Oil
- E0EEFF
≈ Calcareous Sinter
- F5E6FF
≈ Soft Lavender
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.16:1 · APCA Lc 8
Ag
AAASu nero
WCAG 17.96:1 · APCA Lc 96
Miglior colore del testo: #000000
WCAG 17.96:1 (AAA) · APCA Lc 96
Contrast pairs
Frammenti di codice
CSS
:root {
--almond-oil: #f4efc1;
--almond-oil-rgb: 244 239 193;
--almond-oil-oklch: oklch(0.945 0.06 102.3);
}
.element {
color: var(--almond-oil);
background-color: hsl(54 70% 86%);
border-color: oklch(0.945 0.06 102.3);
}Tailwind CSS v4
@theme {
--color-almond-oil: #f4efc1;
--color-almond-oil-50: #f7f6e3;
--color-almond-oil-100: #ebe9d3;
--color-almond-oil-200: #d8d6b9;
--color-almond-oil-300: #bcb996;
--color-almond-oil-400: #a5a077;
--color-almond-oil-500: #8e8859;
--color-almond-oil-600: #78734c;
--color-almond-oil-700: #605c3c;
--color-almond-oil-800: #47432b;
--color-almond-oil-900: #312e1d;
--color-almond-oil-950: #1d1b0d;
}SCSS
$almond-oil: #f4efc1;
$almond-oil-rgb: 244, 239, 193;
$almond-oil-light: mix(#fff, $almond-oil, 20%);
$almond-oil-dark: mix(#000, $almond-oil, 20%);
.element {
color: $almond-oil;
box-shadow: 0 0 0 2px rgba($almond-oil, 0.35);
}