Colore con nome · #EDE2D4
Battered Sausage
Battered Sausage è #EDE2D4: rgb(237 226 212), hsl(34 41% 88%), oklch(0.918 0.022 74.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Battered Sausage color name →
#EDE2D4
oklch(0.918 0.022 74.1)
Conversioni di colore
- HEX
- #ede2d4
- RGB
- rgb(237 226 212)
- HSL
- hsl(34 41% 88%)
- HWB
- hwb(34 83% 7%)
- OKLCH
- oklch(0.918 0.022 74.1)
- OKLab
- oklab(0.918 0.006 0.021)
- CIE Lab
- lab(90.48 2.14 8.28)
- LCH
- lch(90.48 8.55 75.5)
- CMYK
- cmyk(0% 5% 11% 7%)
Tinte · Ombre · Toni
Tinte
- EFE5D8
- F1E8DD
- F2EBE1
- F4EEE5
- F6F0E9
- F8F3EE
- FAF6F2
- FBF9F6
- FDFCFB
Ombre
- CEC4B8
- B0A89D
- 938C83
- 777169
- 5C5751
- 423E3A
- 2A2724
- 141210
- 030302
Toni
- E2D8CB
- D6CEC3
- CBC4BA
- C0BAB2
- B5B0A9
- AAA6A1
- 9F9C98
- 959390
- 8A8988
Armonie di colore
Complementare +180°
- EDE2D4
Battered Sausage
- DAE5F3
≈ Icicle Veil
Analogo -30° +30°
- EDE2D4
Battered Sausage
- F2E0D8
≈ Peachy Milk
- E6E5D4
≈ Sand Puffs
Triadico +120° +240°
- EDE2D4
Battered Sausage
- D4E9E8
≈ Retiring Blue
- E9E0EE
≈ Romantic Cruise
Complementare divisa +150° +210°
- EDE2D4
Battered Sausage
- D5E7EF
≈ Dream Blue
- E2E2F3
≈ Iris Ice
Tetradico +90° +180° +270°
- EDE2D4
Battered Sausage
- D7E9E0
≈ Lit’l Buoy Blew
- DAE5F3
≈ Icicle Veil
- EFDEE7
≈ Wishy-Washy Pink
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.27:1 · APCA Lc 14
Ag
AAASu nero
WCAG 16.43:1 · APCA Lc 90
Miglior colore del testo: #000000
WCAG 16.43:1 (AAA) · APCA Lc 90
Contrast pairs
Frammenti di codice
CSS
:root {
--battered-sausage: #ede2d4;
--battered-sausage-rgb: 237 226 212;
--battered-sausage-oklch: oklch(0.918 0.022 74.1);
}
.element {
color: var(--battered-sausage);
background-color: hsl(34 41% 88%);
border-color: oklch(0.918 0.022 74.1);
}Tailwind CSS v4
@theme {
--color-battered-sausage: #ede2d4;
--color-battered-sausage-50: #f9f4ee;
--color-battered-sausage-100: #ece7e0;
--color-battered-sausage-200: #dad3ca;
--color-battered-sausage-300: #beb6ab;
--color-battered-sausage-400: #a79d90;
--color-battered-sausage-500: #8f8476;
--color-battered-sausage-600: #797064;
--color-battered-sausage-700: #615a50;
--color-battered-sausage-800: #47413a;
--color-battered-sausage-900: #312d28;
--color-battered-sausage-950: #1d1a16;
}SCSS
$battered-sausage: #ede2d4;
$battered-sausage-rgb: 237, 226, 212;
$battered-sausage-light: mix(#fff, $battered-sausage, 20%);
$battered-sausage-dark: mix(#000, $battered-sausage, 20%);
.element {
color: $battered-sausage;
box-shadow: 0 0 0 2px rgba($battered-sausage, 0.35);
}