Adlandırılmış renk · #CED5E4
Après-Ski
Après-Ski, #CED5E4: rgb(206 213 228), hsl(221 29% 85%), oklch(0.872 0.022 265.7). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Après-Ski color name →
#CED5E4
oklch(0.872 0.022 265.7)
Renk dönüşümleri
- HEX
- #ced5e4
- RGB
- rgb(206 213 228)
- HSL
- hsl(221 29% 85%)
- HWB
- hwb(221 81% 11%)
- OKLCH
- oklch(0.872 0.022 265.7)
- OKLab
- oklab(0.872 -0.002 -0.022)
- CIE Lab
- lab(85.07 -0.3 -8.28)
- LCH
- lch(85.07 8.28 267.9)
- CMYK
- cmyk(10% 7% 0% 11%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D3D9E7
- D8DDE9
- DDE1EC
- E1E6EF
- E6EAF2
- EBEEF4
- F0F2F7
- F5F7FA
- FAFBFC
Koyu tonlar
- B3B9C6
- 989EA9
- 7F838D
- 666A72
- 4E5158
- 383A3F
- 232428
- 0F1012
- 020203
Gri tonlar
- C6CCDA
- BEC3CF
- B6BBC5
- AEB2BB
- A6AAB1
- 9EA1A7
- 97999D
- 8F9093
- 87888A
Renk uyumları
Tamamlayıcı +180°
- CED5E4
Après-Ski
- DBD4C5
≈ Mexican Sand Dollar
Analog -30° +30°
- CED5E4
Après-Ski
- C8D8E2
≈ Water Mist
- D6D2E2
≈ Delicate Lilac Crystal
Üçlü +120° +240°
- CED5E4
Après-Ski
- E3D0CD
≈ China Silk
- CCD9CC
≈ April Mist
Bölünmüş tamamlayıcı +150° +210°
- CED5E4
Après-Ski
- E1D2C7
≈ Wheat Seed
- D4D7C7
≈ September Song
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.47:1 · APCA Lc 22
Ag
AAASiyah üzerinde
WCAG 14.26:1 · APCA Lc 81
En iyi metin rengi: #000000
WCAG 14.26:1 (AAA) · APCA Lc 81
Contrast pairs
Kod parçacıkları
CSS
:root {
--apres-ski: #ced5e4;
--apres-ski-rgb: 206 213 228;
--apres-ski-oklch: oklch(0.872 0.022 265.7);
}
.element {
color: var(--apres-ski);
background-color: hsl(221 29% 85%);
border-color: oklch(0.872 0.022 265.7);
}Tailwind CSS v4
@theme {
--color-apres-ski: #ced5e4;
--color-apres-ski-50: #f2f5fc;
--color-apres-ski-100: #e5e8ef;
--color-apres-ski-200: #d0d4de;
--color-apres-ski-300: #b2b7c3;
--color-apres-ski-400: #989eac;
--color-apres-ski-500: #7f8695;
--color-apres-ski-600: #6c727e;
--color-apres-ski-700: #565b65;
--color-apres-ski-800: #3e424a;
--color-apres-ski-900: #2b2e34;
--color-apres-ski-950: #181b1f;
}SCSS
$apres-ski: #ced5e4;
$apres-ski-rgb: 206, 213, 228;
$apres-ski-light: mix(#fff, $apres-ski, 20%);
$apres-ski-dark: mix(#000, $apres-ski, 20%);
.element {
color: $apres-ski;
box-shadow: 0 0 0 2px rgba($apres-ski, 0.35);
}