Nazwany kolor · #E8E4D6
Guinea Pig White
Guinea Pig White to #E8E4D6: rgb(232 228 214), hsl(47 28% 87%), oklch(0.918 0.019 93.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Guinea Pig White color name →
#E8E4D6
oklch(0.918 0.019 93.7)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- EAE7DA
- EDE9DE
- EFECE2
- F1EFE6
- F3F1EA
- F6F4EF
- F8F7F3
- FAFAF7
- FDFCFB
Odcienie ciemniejsze
- CAC6BA
- ACA99E
- 908D84
- 74726A
- 595852
- 403F3B
- 292825
- 131210
- 030302
Tony
- DDDACD
- D2CFC4
- C8C5BB
- BDBBB3
- B3B1AA
- A8A7A1
- 9E9D99
- 949391
- 8A8A88
Harmonie kolorów
Komplementarna +180°
- E8E4D6
Guinea Pig White
- E0E3F1
≈ Iris Ice
Analogowa -30° +30°
- E8E4D6
Guinea Pig White
- EEE2D7
≈ Sea Salt
- E1E6D9
≈ White Mint
Triada +120° +240°
- E8E4D6
Guinea Pig White
- D6E8EC
≈ Enchanted Evening
- ECDFE9
≈ Angora Pink
Komplementarna rozszczepiona +150° +210°
- E8E4D6
Guinea Pig White
- DAE6F0
≈ Space Wolves Grey
- E6E1EF
≈ Romantic Cruise
Tetrada +90° +180° +270°
- E8E4D6
Guinea Pig White
- D7E8E5
≈ Aqua Breeze
- E0E3F1
≈ Iris Ice
- F0DFE2
≈ Daring Deception
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.27:1 · APCA Lc 14
Ag
AAANa czerni
WCAG 16.49:1 · APCA Lc 90
Najlepszy kolor tekstu: #000000
WCAG 16.49:1 (AAA) · APCA Lc 90
Contrast pairs
Fragmenty kodu
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);
}