Colore con nome · #E9C9A9
Almond Biscuit
Almond Biscuit è #E9C9A9: rgb(233 201 169), hsl(30 59% 79%), oklch(0.855 0.056 67). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Almond Biscuit color name →
#E9C9A9
oklch(0.855 0.056 67)
Conversioni di colore
- HEX
- #e9c9a9
- RGB
- rgb(233 201 169)
- HSL
- hsl(30 59% 79%)
- HWB
- hwb(30 66% 9%)
- OKLCH
- oklch(0.855 0.056 67)
- OKLab
- oklab(0.855 0.022 0.052)
- CIE Lab
- lab(83.13 8.19 20.44)
- LCH
- lch(83.13 22.02 68.2)
- CMYK
- cmyk(0% 14% 27% 9%)
Tinte · Ombre · Toni
Tinte
- EBCEB2
- EED4BA
- F0D9C3
- F2DFCB
- F4E4D4
- F7E9DC
- F9EFE5
- FBF4EE
- FDFAF6
Ombre
- CBAE92
- AD957C
- 907C67
- 746453
- 5A4C3F
- 41362C
- 29221B
- 130F0A
- 030201
Toni
- DEC1A5
- D3BAA1
- C9B39D
- BEAB99
- B3A495
- A99D91
- 9F958D
- 948E88
- 8A8784
Armonie di colore
Complementare +180°
- E9C9A9
Almond Biscuit
- B3D4F3
≈ Summer Birthday
Analogo -30° +30°
- E9C9A9
Almond Biscuit
- F1C3B6
≈ New Clay
- D9D0A7
≈ Capital Grains
Triadico +120° +240°
- E9C9A9
Almond Biscuit
- A6DCD5
≈ Sparkling Mint
- D9C6ED
≈ Foggy Love
Complementare divisa +150° +210°
- E9C9A9
Almond Biscuit
- A6D9E7
≈ Blue Click
- C5CDF5
≈ Miami White
Tetradico +90° +180° +270°
- E9C9A9
Almond Biscuit
- B2DBC1
≈ Ice Mist
- B3D4F3
≈ Summer Birthday
- E8C2DD
≈ Sweet Alyssum
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.56:1 · APCA Lc 26
Ag
AAASu nero
WCAG 13.39:1 · APCA Lc 77
Miglior colore del testo: #000000
WCAG 13.39:1 (AAA) · APCA Lc 77
Contrast pairs
Frammenti di codice
CSS
:root {
--almond-biscuit: #e9c9a9;
--almond-biscuit-rgb: 233 201 169;
--almond-biscuit-oklch: oklch(0.855 0.056 67);
}
.element {
color: var(--almond-biscuit);
background-color: hsl(30 59% 79%);
border-color: oklch(0.855 0.056 67);
}Tailwind CSS v4
@theme {
--color-almond-biscuit: #e9c9a9;
--color-almond-biscuit-50: #fff3e4;
--color-almond-biscuit-100: #f5e5d4;
--color-almond-biscuit-200: #e5d0bb;
--color-almond-biscuit-300: #cbb399;
--color-almond-biscuit-400: #b5997b;
--color-almond-biscuit-500: #a07f5e;
--color-almond-biscuit-600: #876c50;
--color-almond-biscuit-700: #6c5640;
--color-almond-biscuit-800: #503f2e;
--color-almond-biscuit-900: #382b1f;
--color-almond-biscuit-950: #22180f;
}SCSS
$almond-biscuit: #e9c9a9;
$almond-biscuit-rgb: 233, 201, 169;
$almond-biscuit-light: mix(#fff, $almond-biscuit, 20%);
$almond-biscuit-dark: mix(#000, $almond-biscuit, 20%);
.element {
color: $almond-biscuit;
box-shadow: 0 0 0 2px rgba($almond-biscuit, 0.35);
}