Benannte Farbe · #DCE4D6
Lightest Sky
Lightest Sky ist #DCE4D6: rgb(220 228 214), hsl(94 21% 87%), oklch(0.909 0.021 131.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Lightest Sky color name →
#DCE4D6
oklch(0.909 0.021 131.5)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- DFE7DA
- E3E9DE
- E6ECE2
- EAEFE6
- EDF1EA
- F1F4EE
- F4F7F3
- F8FAF7
- FBFCFB
Shades
- BFC6BA
- A3A99E
- 888D84
- 6E726A
- 545852
- 3C3F3B
- 262825
- 111210
- 020302
Tones
- D2DACD
- C9CFC4
- BFC5BB
- B6BBB3
- ADB1AA
- A4A7A1
- 9B9D99
- 929391
- 898A88
Farbharmonien
Komplementär +180°
- DCE4D6
Lightest Sky
- E5DDEB
≈ Faint Fuchsia
Analog -30° +30°
- DCE4D6
Lightest Sky
- E3E2D2
≈ Pale Green Tea
- D6E5DD
≈ Cactus Blossom
Triadisch +120° +240°
- DCE4D6
Lightest Sky
- D7E2EF
≈ Blooming Aster
- EEDCDD
≈ St. Nicholas Beard
Geteilt komplementär +150° +210°
- DCE4D6
Lightest Sky
- DEE0EF
≈ Imagination
- EBDCE5
≈ Fairy Tail
Tetradisch +90° +180° +270°
- DCE4D6
Lightest Sky
- D3E4EB
≈ Ocean Breeze
- E5DDEB
≈ Faint Fuchsia
- EEDDD7
≈ Shabby Chic Pink
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.30:1 · APCA Lc 15
Ag
AAAAuf Schwarz
WCAG 16.11:1 · APCA Lc 89
Beste Textfarbe: #000000
WCAG 16.11:1 (AAA) · APCA Lc 89
Contrast pairs
Code-Snippets
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);
}