Color con nombre · #EDE2D4
Battered Sausage
Battered Sausage es #EDE2D4: rgb(237 226 212), hsl(34 41% 88%), oklch(0.918 0.022 74.1). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Battered Sausage color name →
#EDE2D4
oklch(0.918 0.022 74.1)
Conversiones de color
- 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%)
Tintes · Sombras · Tonos
Tintes
- EFE5D8
- F1E8DD
- F2EBE1
- F4EEE5
- F6F0E9
- F8F3EE
- FAF6F2
- FBF9F6
- FDFCFB
Sombras
- CEC4B8
- B0A89D
- 938C83
- 777169
- 5C5751
- 423E3A
- 2A2724
- 141210
- 030302
Tonos
- E2D8CB
- D6CEC3
- CBC4BA
- C0BAB2
- B5B0A9
- AAA6A1
- 9F9C98
- 959390
- 8A8988
Armonías de color
Complementario +180°
- EDE2D4
Battered Sausage
- DAE5F3
≈ Icicle Veil
Análogo -30° +30°
- EDE2D4
Battered Sausage
- F2E0D8
≈ Peachy Milk
- E6E5D4
≈ Sand Puffs
Triádico +120° +240°
- EDE2D4
Battered Sausage
- D4E9E8
≈ Retiring Blue
- E9E0EE
≈ Romantic Cruise
Complementario dividido +150° +210°
- EDE2D4
Battered Sausage
- D5E7EF
≈ Dream Blue
- E2E2F3
≈ Iris Ice
Tetrádico +90° +180° +270°
- EDE2D4
Battered Sausage
- D7E9E0
≈ Lit’l Buoy Blew
- DAE5F3
≈ Icicle Veil
- EFDEE7
≈ Wishy-Washy Pink
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.27:1 · APCA Lc 14
Ag
AAASobre negro
WCAG 16.43:1 · APCA Lc 90
Mejor color de texto: #000000
WCAG 16.43:1 (AAA) · APCA Lc 90
Contrast pairs
Fragmentos de código
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);
}