Colore con nome · #DCE4D6
Lightest Sky
Lightest Sky è #DCE4D6: rgb(220 228 214), hsl(94 21% 87%), oklch(0.909 0.021 131.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Lightest Sky color name →
#DCE4D6
oklch(0.909 0.021 131.5)
Conversioni di colore
- HEX
- #dce4d6
- RGB
- rgb(220 228 214)
- HSL
- hsl(94 21% 87%)
- HWB
- hwb(94 84% 11%)
- OKLCH
- oklch(0.909 0.021 131.5)
- OKLab
- oklab(0.909 -0.014 0.015)
- CIE Lab
- lab(89.68 -4.64 5.88)
- LCH
- lch(89.68 7.49 128.3)
- CMYK
- cmyk(4% 0% 6% 11%)
Tinte · Ombre · Toni
Tinte
- DFE7DA
- E3E9DE
- E6ECE2
- EAEFE6
- EDF1EA
- F1F4EE
- F4F7F3
- F8FAF7
- FBFCFB
Ombre
- BFC6BA
- A3A99E
- 888D84
- 6E726A
- 545852
- 3C3F3B
- 262825
- 111210
- 020302
Toni
- D2DACD
- C9CFC4
- BFC5BB
- B6BBB3
- ADB1AA
- A4A7A1
- 9B9D99
- 929391
- 898A88
Armonie di colore
Complementare +180°
- DCE4D6
Lightest Sky
- E5DDEB
≈ Faint Fuchsia
Analogo -30° +30°
- DCE4D6
Lightest Sky
- E3E2D2
≈ Pale Green Tea
- D6E5DD
≈ Cactus Blossom
Triadico +120° +240°
- DCE4D6
Lightest Sky
- D7E2EF
≈ Blooming Aster
- EEDCDD
≈ St. Nicholas Beard
Complementare divisa +150° +210°
- DCE4D6
Lightest Sky
- DEE0EF
≈ Imagination
- EBDCE5
≈ Fairy Tail
Tetradico +90° +180° +270°
- DCE4D6
Lightest Sky
- D3E4EB
≈ Ocean Breeze
- E5DDEB
≈ Faint Fuchsia
- EEDDD7
≈ Shabby Chic Pink
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.30:1 · APCA Lc 15
Ag
AAASu nero
WCAG 16.11:1 · APCA Lc 89
Miglior colore del testo: #000000
WCAG 16.11:1 (AAA) · APCA Lc 89
Contrast pairs
Frammenti di codice
CSS
:root {
--lightest-sky: #dce4d6;
--lightest-sky-rgb: 220 228 214;
--lightest-sky-oklch: oklch(0.909 0.021 131.5);
}
.element {
color: var(--lightest-sky);
background-color: hsl(94 21% 87%);
border-color: oklch(0.909 0.021 131.5);
}Tailwind CSS v4
@theme {
--color-lightest-sky: #dce4d6;
--color-lightest-sky-50: #f3f6f1;
--color-lightest-sky-100: #e5e9e2;
--color-lightest-sky-200: #d1d6cd;
--color-lightest-sky-300: #b3baaf;
--color-lightest-sky-400: #9aa195;
--color-lightest-sky-500: #81897b;
--color-lightest-sky-600: #6d7468;
--color-lightest-sky-700: #575d53;
--color-lightest-sky-800: #40443c;
--color-lightest-sky-900: #2c2f29;
--color-lightest-sky-950: #191b17;
}SCSS
$lightest-sky: #dce4d6;
$lightest-sky-rgb: 220, 228, 214;
$lightest-sky-light: mix(#fff, $lightest-sky, 20%);
$lightest-sky-dark: mix(#000, $lightest-sky, 20%);
.element {
color: $lightest-sky;
box-shadow: 0 0 0 2px rgba($lightest-sky, 0.35);
}