Colore con nome · #D3D7E7
Cheerful Whisper
Cheerful Whisper è #D3D7E7: rgb(211 215 231), hsl(228 29% 87%), oklch(0.881 0.022 274.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Cheerful Whisper color name →
#D3D7E7
oklch(0.881 0.022 274.7)
Conversioni di colore
- HEX
- #d3d7e7
- RGB
- rgb(211 215 231)
- HSL
- hsl(228 29% 87%)
- HWB
- hwb(228 83% 9%)
- OKLCH
- oklch(0.881 0.022 274.7)
- OKLab
- oklab(0.881 0.002 -0.022)
- CIE Lab
- lab(86.03 0.87 -8.38)
- LCH
- lch(86.03 8.43 275.9)
- CMYK
- cmyk(9% 7% 0% 9%)
Tinte · Ombre · Toni
Tinte
- D7DBE9
- DCDFEC
- E0E3EE
- E4E7F1
- E9EBF3
- EDEFF5
- F2F3F8
- F6F7FA
- FBFBFD
Ombre
- B7BBC9
- 9C9FAB
- 82858F
- 696B73
- 515259
- 3A3B40
- 242528
- 101113
- 020203
Toni
- CACEDC
- C2C5D2
- B9BCC7
- B1B3BD
- A9AAB2
- A0A2A8
- 98999E
- 909194
- 88888A
Armonie di colore
Complementare +180°
- D3D7E7
Cheerful Whisper
- DCD8C8
≈ Limestone
Analogo -30° +30°
- D3D7E7
Cheerful Whisper
- CCDAE6
≈ Blue Tulle
- DBD4E4
≈ Light Angel Kiss
Triadico +120° +240°
- D3D7E7
Cheerful Whisper
- E6D3CE
≈ Bridal Scent
- CDDCD1
≈ Light Soft Celadon
Complementare divisa +150° +210°
- D3D7E7
Cheerful Whisper
- E3D5C9
≈ Sheer Scarf
- D4DBCB
≈ Ottoman
Tetradico +90° +180° +270°
- D3D7E7
Cheerful Whisper
- E6D2D6
≈ Desert Mauve
- DCD8C8
≈ Limestone
- C8DDD9
≈ Sunken Pool
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.43:1 · APCA Lc 21
Ag
AAASu nero
WCAG 14.64:1 · APCA Lc 83
Miglior colore del testo: #000000
WCAG 14.64:1 (AAA) · APCA Lc 83
Contrast pairs
Frammenti di codice
CSS
:root {
--cheerful-whisper: #d3d7e7;
--cheerful-whisper-rgb: 211 215 231;
--cheerful-whisper-oklch: oklch(0.881 0.022 274.7);
}
.element {
color: var(--cheerful-whisper);
background-color: hsl(228 29% 87%);
border-color: oklch(0.881 0.022 274.7);
}Tailwind CSS v4
@theme {
--color-cheerful-whisper: #d3d7e7;
--color-cheerful-whisper-50: #f3f5fc;
--color-cheerful-whisper-100: #e6e7f0;
--color-cheerful-whisper-200: #d1d4de;
--color-cheerful-whisper-300: #b4b7c3;
--color-cheerful-whisper-400: #9a9eac;
--color-cheerful-whisper-500: #818595;
--color-cheerful-whisper-600: #6e717e;
--color-cheerful-whisper-700: #585a65;
--color-cheerful-whisper-800: #40424a;
--color-cheerful-whisper-900: #2c2e34;
--color-cheerful-whisper-950: #191a1f;
}SCSS
$cheerful-whisper: #d3d7e7;
$cheerful-whisper-rgb: 211, 215, 231;
$cheerful-whisper-light: mix(#fff, $cheerful-whisper, 20%);
$cheerful-whisper-dark: mix(#000, $cheerful-whisper, 20%);
.element {
color: $cheerful-whisper;
box-shadow: 0 0 0 2px rgba($cheerful-whisper, 0.35);
}