Colore con nome · #D7CFC1
Sandy Day
Sandy Day è #D7CFC1: rgb(215 207 193), hsl(38 22% 80%), oklch(0.857 0.021 81.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Sandy Day color name →
#D7CFC1
oklch(0.857 0.021 81.8)
Conversioni di colore
- HEX
- #d7cfc1
- RGB
- rgb(215 207 193)
- HSL
- hsl(38 22% 80%)
- HWB
- hwb(38 76% 16%)
- OKLCH
- oklch(0.857 0.021 81.8)
- OKLab
- oklab(0.857 0.003 0.021)
- CIE Lab
- lab(83.49 1.09 8.02)
- LCH
- lch(83.49 8.09 82.3)
- CMYK
- cmyk(0% 4% 10% 16%)
Tinte · Ombre · Toni
Tinte
- DBD4C7
- DFD8CD
- E3DDD3
- E7E2D9
- EBE7E0
- EFECE6
- F3F0EC
- F7F5F2
- FBFAF9
Ombre
- BBB4A7
- 9F998F
- 857F77
- 6B675F
- 524F49
- 3B3834
- 252320
- 11100E
- 020202
Toni
- CEC7BA
- C5BFB4
- BCB7AD
- B3AFA6
- AAA7A0
- A29F99
- 999793
- 918F8D
- 888886
Armonie di colore
Complementare +180°
- D7CFC1
Sandy Day
- C9D0DE
≈ Debonaire
Analogo -30° +30°
- D7CFC1
Sandy Day
- DCCDC4
≈ Pastel Parchment
- D0D2C2
≈ Wishing Well
Triadico +120° +240°
- D7CFC1
Sandy Day
- C1D4D6
≈ Scandinavian Sky
- D7CCD8
≈ Purple Cream
Complementare divisa +150° +210°
- D7CFC1
Sandy Day
- C3D3DC
≈ Sentimental Lady
- D0CEDD
≈ Lavender Sparkle
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.54:1 · APCA Lc 25
Ag
AAASu nero
WCAG 13.58:1 · APCA Lc 78
Miglior colore del testo: #000000
WCAG 13.58:1 (AAA) · APCA Lc 78
Contrast pairs
Frammenti di codice
CSS
:root {
--sandy-day: #d7cfc1;
--sandy-day-rgb: 215 207 193;
--sandy-day-oklch: oklch(0.857 0.021 81.8);
}
.element {
color: var(--sandy-day);
background-color: hsl(38 22% 80%);
border-color: oklch(0.857 0.021 81.8);
}Tailwind CSS v4
@theme {
--color-sandy-day: #d7cfc1;
--color-sandy-day-50: #f8f5ee;
--color-sandy-day-100: #ebe7e0;
--color-sandy-day-200: #d8d4ca;
--color-sandy-day-300: #bcb7ac;
--color-sandy-day-400: #a59d91;
--color-sandy-day-500: #8d8577;
--color-sandy-day-600: #777165;
--color-sandy-day-700: #605a50;
--color-sandy-day-800: #46423a;
--color-sandy-day-900: #312d28;
--color-sandy-day-950: #1d1a16;
}SCSS
$sandy-day: #d7cfc1;
$sandy-day-rgb: 215, 207, 193;
$sandy-day-light: mix(#fff, $sandy-day, 20%);
$sandy-day-dark: mix(#000, $sandy-day, 20%);
.element {
color: $sandy-day;
box-shadow: 0 0 0 2px rgba($sandy-day, 0.35);
}