Colore con nome · #E3CFB8
Biscuit Crumbs
Biscuit Crumbs è #E3CFB8: rgb(227 207 184), hsl(32 43% 81%), oklch(0.865 0.038 71.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Biscuit Crumbs color name →
#E3CFB8
oklch(0.865 0.038 71.2)
Conversioni di colore
- HEX
- #e3cfb8
- RGB
- rgb(227 207 184)
- HSL
- hsl(32 43% 81%)
- HWB
- hwb(32 72% 11%)
- OKLCH
- oklch(0.865 0.038 71.2)
- OKLab
- oklab(0.865 0.012 0.036)
- CIE Lab
- lab(84.34 4.5 14.14)
- LCH
- lch(84.34 14.84 72.3)
- CMYK
- cmyk(0% 9% 19% 11%)
Tinte · Ombre · Toni
Tinte
- E6D4BF
- E9D9C6
- EBDDCD
- EEE2D4
- F1E7DB
- F4ECE2
- F7F0E9
- F9F5F1
- FCFAF8
Ombre
- C5B4A0
- A89988
- 8C7F71
- 71675B
- 574F45
- 3F3831
- 27231E
- 12100C
- 030202
Toni
- D9C7B2
- CEBFAD
- C4B7A7
- BAAFA1
- B0A79C
- A69F96
- 9D9791
- 938F8B
- 898886
Armonie di colore
Complementare +180°
- E3CFB8
Biscuit Crumbs
- C1D5EC
≈ Light Water Wash
Analogo -30° +30°
- E3CFB8
Biscuit Crumbs
- EACBC0
≈ Au Naturel
- D7D4B8
≈ Pale Cucumber
Triadico +120° +240°
- E3CFB8
Biscuit Crumbs
- B7DBD9
≈ Catch the Wave
- DBCCE6
≈ Bashful Pansy
Complementare divisa +150° +210°
- E3CFB8
Biscuit Crumbs
- B8D9E5
≈ Breezy Blue
- CED0EC
≈ Frozen Periwinkle
Tetradico +90° +180° +270°
- E3CFB8
Biscuit Crumbs
- BEDBCB
≈ Dusty Aqua
- C1D5EC
≈ Light Water Wash
- E5C9DA
≈ Kiss Good Night
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.51:1 · APCA Lc 24
Ag
AAASu nero
WCAG 13.88:1 · APCA Lc 79
Miglior colore del testo: #000000
WCAG 13.88:1 (AAA) · APCA Lc 79
Contrast pairs
Frammenti di codice
CSS
:root {
--biscuit-crumbs: #e3cfb8;
--biscuit-crumbs-rgb: 227 207 184;
--biscuit-crumbs-oklch: oklch(0.865 0.038 71.2);
}
.element {
color: var(--biscuit-crumbs);
background-color: hsl(32 43% 81%);
border-color: oklch(0.865 0.038 71.2);
}Tailwind CSS v4
@theme {
--color-biscuit-crumbs: #e3cfb8;
--color-biscuit-crumbs-50: #fcf4ea;
--color-biscuit-crumbs-100: #f0e6da;
--color-biscuit-crumbs-200: #dfd2c3;
--color-biscuit-crumbs-300: #c4b5a2;
--color-biscuit-crumbs-400: #ad9b86;
--color-biscuit-crumbs-500: #97826b;
--color-biscuit-crumbs-600: #7f6e5b;
--color-biscuit-crumbs-700: #665848;
--color-biscuit-crumbs-800: #4b4034;
--color-biscuit-crumbs-900: #342c24;
--color-biscuit-crumbs-950: #201912;
}SCSS
$biscuit-crumbs: #e3cfb8;
$biscuit-crumbs-rgb: 227, 207, 184;
$biscuit-crumbs-light: mix(#fff, $biscuit-crumbs, 20%);
$biscuit-crumbs-dark: mix(#000, $biscuit-crumbs, 20%);
.element {
color: $biscuit-crumbs;
box-shadow: 0 0 0 2px rgba($biscuit-crumbs, 0.35);
}