Cor nomeada · #CED5E4
Après-Ski
Après-Ski é #CED5E4: rgb(206 213 228), hsl(221 29% 85%), oklch(0.872 0.022 265.7). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Après-Ski color name →
#CED5E4
oklch(0.872 0.022 265.7)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- D3D9E7
- D8DDE9
- DDE1EC
- E1E6EF
- E6EAF2
- EBEEF4
- F0F2F7
- F5F7FA
- FAFBFC
Sombras
- B3B9C6
- 989EA9
- 7F838D
- 666A72
- 4E5158
- 383A3F
- 232428
- 0F1012
- 020203
Tons
- C6CCDA
- BEC3CF
- B6BBC5
- AEB2BB
- A6AAB1
- 9EA1A7
- 97999D
- 8F9093
- 87888A
Harmonias de cor
Complementar +180°
- CED5E4
Après-Ski
- DBD4C5
≈ Mexican Sand Dollar
Análoga -30° +30°
- CED5E4
Après-Ski
- C8D8E2
≈ Water Mist
- D6D2E2
≈ Delicate Lilac Crystal
Tríade +120° +240°
- CED5E4
Après-Ski
- E3D0CD
≈ China Silk
- CCD9CC
≈ April Mist
Complementar dividida +150° +210°
- CED5E4
Après-Ski
- E1D2C7
≈ Wheat Seed
- D4D7C7
≈ September Song
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.47:1 · APCA Lc 22
Ag
AAASobre preto
WCAG 14.26:1 · APCA Lc 81
Melhor cor de texto: #000000
WCAG 14.26:1 (AAA) · APCA Lc 81
Contrast pairs
Trechos de código
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);
}