Colore con nome più vicino · #D2E3FF
#D2E3FF
Colore con nome più vicino: Fly a Kite
#D2E3FF (rgb(210 227 255), hsl(217 100% 91%), oklch(0.912 0.043 260.4)) è più vicino al colore con nome Fly a Kite. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#D2E3FF
oklch(0.912 0.043 260.4)
Conversioni di colore
- HEX
- #d2e3ff
- RGB
- rgb(210 227 255)
- HSL
- hsl(217 100% 91%)
- HWB
- hwb(217 82% 0%)
- OKLCH
- oklch(0.912 0.043 260.4)
- OKLab
- oklab(0.912 -0.007 -0.042)
- CIE Lab
- lab(89.61 -1.63 -15.67)
- LCH
- lch(89.61 15.75 264.1)
- CMYK
- cmyk(18% 11% 0% 0%)
Tinte · Ombre · Toni
Tinte
- D6E6FF
- DBE9FF
- DFEBFF
- E4EEFF
- E8F1FF
- EDF4FF
- F1F7FF
- F6F9FF
- FAFCFF
Ombre
- B6C5DE
- 9BA8BE
- 818C9E
- 687180
- 505763
- 393F48
- 24272E
- 101216
- 020303
Toni
- CAD9F2
- C1CEE4
- B9C4D7
- B0BACA
- A8B0BE
- A0A6B1
- 989DA5
- 909398
- 88898C
Armonie di colore
Complementare +180°
- D2E3FF
Fly a Kite
- F1E0C3
≈ Classic Ivory
Analogo -30° +30°
- D2E3FF
Fly a Kite
- C6E8F9
≈ Icy Landscape
- E1DEFD
≈ Contrail
Triadico +120° +240°
- D2E3FF
Fly a Kite
- FDD7D6
≈ We Peep
- D3E9CF
≈ White Green
Complementare divisa +150° +210°
- D2E3FF
Fly a Kite
- FADBC9
≈ Heavenly Song
- E3E5C5
≈ Lazy Caterpillar
Tetradico +90° +180° +270°
- D2E3FF
Fly a Kite
- F9D7E6
≈ Sunset Pink
- F1E0C3
≈ Classic Ivory
- C7ECDE
≈ Mint Tulip
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.29:1 · APCA Lc 15
Ag
AAASu nero
WCAG 16.17:1 · APCA Lc 89
Miglior colore del testo: #000000
WCAG 16.17:1 (AAA) · APCA Lc 89
Contrast pairs
Frammenti di codice
CSS
:root {
--fly-a-kite: #d2e3ff;
--fly-a-kite-rgb: 210 227 255;
--fly-a-kite-oklch: oklch(0.912 0.043 260.4);
}
.element {
color: var(--fly-a-kite);
background-color: hsl(217 100% 91%);
border-color: oklch(0.912 0.043 260.4);
}Tailwind CSS v4
@theme {
--color-fly-a-kite: #d2e3ff;
--color-fly-a-kite-50: #eff5ff;
--color-fly-a-kite-100: #e0e8f7;
--color-fly-a-kite-200: #cbd5e7;
--color-fly-a-kite-300: #acb8ce;
--color-fly-a-kite-400: #909fb8;
--color-fly-a-kite-500: #7687a3;
--color-fly-a-kite-600: #64728a;
--color-fly-a-kite-700: #505b6e;
--color-fly-a-kite-800: #394351;
--color-fly-a-kite-900: #272e39;
--color-fly-a-kite-950: #151b23;
}SCSS
$fly-a-kite: #d2e3ff;
$fly-a-kite-rgb: 210, 227, 255;
$fly-a-kite-light: mix(#fff, $fly-a-kite, 20%);
$fly-a-kite-dark: mix(#000, $fly-a-kite, 20%);
.element {
color: $fly-a-kite;
box-shadow: 0 0 0 2px rgba($fly-a-kite, 0.35);
}