Nazwany kolor · #E8E7D7
Carrara Marble
Carrara Marble to #E8E7D7: rgb(232 231 215), hsl(56 27% 88%), oklch(0.924 0.021 103.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Carrara Marble color name →
#E8E7D7
oklch(0.924 0.021 103.9)
Konwersje koloru
- HEX
- #e8e7d7
- RGB
- rgb(232 231 215)
- HSL
- hsl(56 27% 88%)
- HWB
- hwb(56 84% 9%)
- OKLCH
- oklch(0.924 0.021 103.9)
- OKLab
- oklab(0.924 -0.005 0.021)
- CIE Lab
- lab(91.4 -1.7 7.95)
- LCH
- lch(91.4 8.12 102)
- CMYK
- cmyk(0% 0% 7% 9%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- EAE9DB
- EDECDF
- EFEEE3
- F1F1E7
- F3F3EB
- F6F5EF
- F8F8F3
- FAFAF7
- FDFDFB
Odcienie ciemniejsze
- CAC9BB
- ACAB9F
- 908F85
- 74736B
- 595952
- 40403B
- 292825
- 131311
- 030302
Tony
- DDDCCE
- D2D2C5
- C8C7BC
- BDBCB3
- B3B2AB
- A8A8A2
- 9E9E99
- 949491
- 8A8A88
Harmonie kolorów
Komplementarna +180°
- E8E7D7
Carrara Marble
- E4E4F4
≈ Farsighted
Analogowa -30° +30°
- E8E7D7
Carrara Marble
- EFE4D7
≈ Pale Chamois
- E0E9DB
≈ Pergola Panorama
Triada +120° +240°
- E8E7D7
Carrara Marble
- D8E9F1
≈ Spacious Skies
- F1E1E9
≈ Struck by Lightning
Komplementarna rozszczepiona +150° +210°
- E8E7D7
Carrara Marble
- DDE7F4
≈ St. Petersburg
- EBE2F0
≈ Faded Fuchsia
Tetrada +90° +180° +270°
- E8E7D7
Carrara Marble
- D7EBEA
≈ Water Squirt
- E4E4F4
≈ Farsighted
- F4E1E2
≈ Cute Little Pink
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.24:1 · APCA Lc 12
Ag
AAANa czerni
WCAG 16.84:1 · APCA Lc 92
Najlepszy kolor tekstu: #000000
WCAG 16.84:1 (AAA) · APCA Lc 92
Contrast pairs
Fragmenty kodu
CSS
:root {
--carrara-marble: #e8e7d7;
--carrara-marble-rgb: 232 231 215;
--carrara-marble-oklch: oklch(0.924 0.021 103.9);
}
.element {
color: var(--carrara-marble);
background-color: hsl(56 27% 88%);
border-color: oklch(0.924 0.021 103.9);
}Tailwind CSS v4
@theme {
--color-carrara-marble: #e8e7d7;
--color-carrara-marble-50: #f6f6ef;
--color-carrara-marble-100: #e8e8e0;
--color-carrara-marble-200: #d5d5cb;
--color-carrara-marble-300: #b8b8ac;
--color-carrara-marble-400: #a09f91;
--color-carrara-marble-500: #888777;
--color-carrara-marble-600: #737265;
--color-carrara-marble-700: #5c5b51;
--color-carrara-marble-800: #44433a;
--color-carrara-marble-900: #2f2e28;
--color-carrara-marble-950: #1b1b16;
}SCSS
$carrara-marble: #e8e7d7;
$carrara-marble-rgb: 232, 231, 215;
$carrara-marble-light: mix(#fff, $carrara-marble, 20%);
$carrara-marble-dark: mix(#000, $carrara-marble, 20%);
.element {
color: $carrara-marble;
box-shadow: 0 0 0 2px rgba($carrara-marble, 0.35);
}