Adlandırılmış renk · #E5DFDC
Cumberland Sausage
Cumberland Sausage, #E5DFDC: rgb(229 223 220), hsl(20 15% 88%), oklch(0.908 0.008 48.6). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Cumberland Sausage color name →
#E5DFDC
oklch(0.908 0.008 48.6)
Renk dönüşümleri
- HEX
- #e5dfdc
- RGB
- rgb(229 223 220)
- HSL
- hsl(20 15% 88%)
- HWB
- hwb(20 86% 10%)
- OKLCH
- oklch(0.908 0.008 48.6)
- OKLab
- oklab(0.908 0.005 0.006)
- CIE Lab
- lab(89.24 1.72 2.24)
- LCH
- lch(89.24 2.82 52.4)
- CMYK
- cmyk(0% 3% 4% 10%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E8E2DF
- EAE5E3
- EDE9E6
- EFECEA
- F2EFED
- F5F2F1
- F7F5F4
- FAF9F8
- FCFCFB
Koyu tonlar
- C7C2BF
- AAA5A3
- 8E8A88
- 726F6E
- 585654
- 3F3D3C
- 282726
- 121211
- 030202
Gri tonlar
- DAD5D2
- D0CBC9
- C6C2BF
- BBB8B6
- B1AEAD
- A7A5A4
- 9D9B9B
- 939292
- 8A8989
Renk uyumları
Tamamlayıcı +180°
- E5DFDC
Cumberland Sausage
- DBE2E5
≈ Cosmic Dust
Analog -30° +30°
- E5DFDC
Cumberland Sausage
- E6DEDE
≈ Cumberland Sausage
- E3E0DB
≈ House Martin Eggs
Üçlü +120° +240°
- E5DFDC
Cumberland Sausage
- DCE2DF
≈ Mantra
- E0E0E5
≈ Lilac Champagne
Bölünmüş tamamlayıcı +150° +210°
- E5DFDC
Cumberland Sausage
- DBE2E2
≈ Etched Glass
- DDE1E6
≈ Bright Star
Dörtlü +90° +180° +270°
- E5DFDC
Cumberland Sausage
- DEE2DD
≈ Whitecap Foam
- DBE2E5
≈ Cosmic Dust
- E3DFE4
≈ Soft Silk
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.31:1 · APCA Lc 16
Ag
AAASiyah üzerinde
WCAG 15.92:1 · APCA Lc 88
En iyi metin rengi: #000000
WCAG 15.92:1 (AAA) · APCA Lc 88
Contrast pairs
Kod parçacıkları
CSS
:root {
--cumberland-sausage: #e5dfdc;
--cumberland-sausage-rgb: 229 223 220;
--cumberland-sausage-oklch: oklch(0.908 0.008 48.6);
}
.element {
color: var(--cumberland-sausage);
background-color: hsl(20 15% 88%);
border-color: oklch(0.908 0.008 48.6);
}Tailwind CSS v4
@theme {
--color-cumberland-sausage: #e5dfdc;
--color-cumberland-sausage-50: #f7f4f3;
--color-cumberland-sausage-100: #eae7e5;
--color-cumberland-sausage-200: #d7d3d1;
--color-cumberland-sausage-300: #bbb6b4;
--color-cumberland-sausage-400: #a29d9a;
--color-cumberland-sausage-500: #8b8582;
--color-cumberland-sausage-600: #75706e;
--color-cumberland-sausage-700: #5e5a58;
--color-cumberland-sausage-800: #454240;
--color-cumberland-sausage-900: #302d2c;
--color-cumberland-sausage-950: #1c1a19;
}SCSS
$cumberland-sausage: #e5dfdc;
$cumberland-sausage-rgb: 229, 223, 220;
$cumberland-sausage-light: mix(#fff, $cumberland-sausage, 20%);
$cumberland-sausage-dark: mix(#000, $cumberland-sausage, 20%);
.element {
color: $cumberland-sausage;
box-shadow: 0 0 0 2px rgba($cumberland-sausage, 0.35);
}