Adlandırılmış renk · #E8E4D6
Guinea Pig White
Guinea Pig White, #E8E4D6: rgb(232 228 214), hsl(47 28% 87%), oklch(0.918 0.019 93.7). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Guinea Pig White color name →
#E8E4D6
oklch(0.918 0.019 93.7)
Renk dönüşümleri
- HEX
- #e8e4d6
- RGB
- rgb(232 228 214)
- HSL
- hsl(47 28% 87%)
- HWB
- hwb(47 84% 9%)
- OKLCH
- oklch(0.918 0.019 93.7)
- OKLab
- oklab(0.918 -0.001 0.019)
- CIE Lab
- lab(90.62 -0.38 7.36)
- LCH
- lch(90.62 7.37 92.9)
- CMYK
- cmyk(0% 2% 8% 9%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- EAE7DA
- EDE9DE
- EFECE2
- F1EFE6
- F3F1EA
- F6F4EF
- F8F7F3
- FAFAF7
- FDFCFB
Koyu tonlar
- CAC6BA
- ACA99E
- 908D84
- 74726A
- 595852
- 403F3B
- 292825
- 131210
- 030302
Gri tonlar
- DDDACD
- D2CFC4
- C8C5BB
- BDBBB3
- B3B1AA
- A8A7A1
- 9E9D99
- 949391
- 8A8A88
Renk uyumları
Tamamlayıcı +180°
- E8E4D6
Guinea Pig White
- E0E3F1
≈ Iris Ice
Analog -30° +30°
- E8E4D6
Guinea Pig White
- EEE2D7
≈ Sea Salt
- E1E6D9
≈ White Mint
Üçlü +120° +240°
- E8E4D6
Guinea Pig White
- D6E8EC
≈ Enchanted Evening
- ECDFE9
≈ Angora Pink
Bölünmüş tamamlayıcı +150° +210°
- E8E4D6
Guinea Pig White
- DAE6F0
≈ Space Wolves Grey
- E6E1EF
≈ Romantic Cruise
Dörtlü +90° +180° +270°
- E8E4D6
Guinea Pig White
- D7E8E5
≈ Aqua Breeze
- E0E3F1
≈ Iris Ice
- F0DFE2
≈ Daring Deception
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.27:1 · APCA Lc 14
Ag
AAASiyah üzerinde
WCAG 16.49:1 · APCA Lc 90
En iyi metin rengi: #000000
WCAG 16.49:1 (AAA) · APCA Lc 90
Contrast pairs
Kod parçacıkları
CSS
:root {
--guinea-pig-white: #e8e4d6;
--guinea-pig-white-rgb: 232 228 214;
--guinea-pig-white-oklch: oklch(0.918 0.019 93.7);
}
.element {
color: var(--guinea-pig-white);
background-color: hsl(47 28% 87%);
border-color: oklch(0.918 0.019 93.7);
}Tailwind CSS v4
@theme {
--color-guinea-pig-white: #e8e4d6;
--color-guinea-pig-white-50: #f7f5ef;
--color-guinea-pig-white-100: #eae8e1;
--color-guinea-pig-white-200: #d6d4cb;
--color-guinea-pig-white-300: #bab7ad;
--color-guinea-pig-white-400: #a29e92;
--color-guinea-pig-white-500: #8a8678;
--color-guinea-pig-white-600: #757266;
--color-guinea-pig-white-700: #5e5b51;
--color-guinea-pig-white-800: #45423b;
--color-guinea-pig-white-900: #2f2e28;
--color-guinea-pig-white-950: #1c1b16;
}SCSS
$guinea-pig-white: #e8e4d6;
$guinea-pig-white-rgb: 232, 228, 214;
$guinea-pig-white-light: mix(#fff, $guinea-pig-white, 20%);
$guinea-pig-white-dark: mix(#000, $guinea-pig-white, 20%);
.element {
color: $guinea-pig-white;
box-shadow: 0 0 0 2px rgba($guinea-pig-white, 0.35);
}