Colore con nome più vicino · #D3E6E4
#D3E6E4
Colore con nome più vicino: Whispery Breeze
#D3E6E4 (rgb(211 230 228), hsl(174 28% 86%), oklch(0.91 0.02 189.2)) è più vicino al colore con nome Whispery Breeze. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#D3E6E4
oklch(0.91 0.02 189.2)
Conversioni di colore
- HEX
- #d3e6e4
- RGB
- rgb(211 230 228)
- HSL
- hsl(174 28% 86%)
- HWB
- hwb(174 83% 10%)
- OKLCH
- oklch(0.91 0.02 189.2)
- OKLab
- oklab(0.91 -0.02 -0.003)
- CIE Lab
- lab(89.82 -6.81 -1.3)
- LCH
- lch(89.82 6.93 190.8)
- CMYK
- cmyk(8% 0% 1% 10%)
Tinte · Ombre · Toni
Tinte
- D7E8E7
- DCEBE9
- E0EDEC
- E5F0EF
- E9F2F1
- EDF5F4
- F2F7F7
- F6FAFA
- FBFCFC
Ombre
- B7C8C6
- 9CABA9
- 828E8D
- 697372
- 515958
- 3A403F
- 242828
- 101312
- 020303
Toni
- CADBDA
- C2D1CF
- B9C6C5
- B1BCBB
- A9B2B1
- A0A7A7
- 989D9D
- 909493
- 888A8A
Armonie di colore
Complementare +180°
- D3E6E4
Whispery Breeze
- EEDCDE
≈ Cupid’s Revenge
Analogo -30° +30°
- D3E6E4
Whispery Breeze
- D7E6DC
≈ Cactus Blossom
- D3E5EB
≈ Ocean Breeze
Triadico +120° +240°
- D3E6E4
Whispery Breeze
- E5DEEC
≈ Faint Fuchsia
- EBDFD3
≈ South Peak
Complementare divisa +150° +210°
- D3E6E4
Whispery Breeze
- EBDCE6
≈ Fairy Tail
- EEDDD8
≈ Apricot Foam
Tetradico +90° +180° +270°
- D3E6E4
Whispery Breeze
- DEE0EF
≈ Imagination
- EEDCDE
≈ Cupid’s Revenge
- E4E2D3
≈ Shark Tooth
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.29:1 · APCA Lc 15
Ag
AAASu nero
WCAG 16.20:1 · APCA Lc 89
Miglior colore del testo: #000000
WCAG 16.20:1 (AAA) · APCA Lc 89
Contrast pairs
Frammenti di codice
CSS
:root {
--whispery-breeze: #d3e6e4;
--whispery-breeze-rgb: 211 230 228;
--whispery-breeze-oklch: oklch(0.91 0.02 189.2);
}
.element {
color: var(--whispery-breeze);
background-color: hsl(174 28% 86%);
border-color: oklch(0.91 0.02 189.2);
}Tailwind CSS v4
@theme {
--color-whispery-breeze: #d3e6e4;
--color-whispery-breeze-50: #eff7f6;
--color-whispery-breeze-100: #e1eae9;
--color-whispery-breeze-200: #cbd7d6;
--color-whispery-breeze-300: #acbbba;
--color-whispery-breeze-400: #92a3a1;
--color-whispery-breeze-500: #778b89;
--color-whispery-breeze-600: #657574;
--color-whispery-breeze-700: #515e5d;
--color-whispery-breeze-800: #3b4543;
--color-whispery-breeze-900: #28302f;
--color-whispery-breeze-950: #161c1b;
}SCSS
$whispery-breeze: #d3e6e4;
$whispery-breeze-rgb: 211, 230, 228;
$whispery-breeze-light: mix(#fff, $whispery-breeze, 20%);
$whispery-breeze-dark: mix(#000, $whispery-breeze, 20%);
.element {
color: $whispery-breeze;
box-shadow: 0 0 0 2px rgba($whispery-breeze, 0.35);
}