Color con nombre · #CDDCED
Alaskan Skies
Alaskan Skies es #CDDCED: rgb(205 220 237), hsl(212 47% 87%), oklch(0.888 0.028 251.5). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Alaskan Skies color name →
#CDDCED
oklch(0.888 0.028 251.5)
Conversiones de color
- HEX
- #cddced
- RGB
- rgb(205 220 237)
- HSL
- hsl(212 47% 87%)
- HWB
- hwb(212 80% 7%)
- OKLCH
- oklch(0.888 0.028 251.5)
- OKLab
- oklab(0.888 -0.009 -0.027)
- CIE Lab
- lab(87.01 -2.69 -10.16)
- LCH
- lch(87.01 10.51 255.2)
- CMYK
- cmyk(14% 7% 0% 7%)
Tintes · Sombras · Tonos
Tintes
- D2DFEF
- D7E3F1
- DCE6F2
- E1EAF4
- E6EDF6
- EBF1F8
- F0F4FA
- F5F8FB
- FAFBFD
Sombras
- B2BFCE
- 98A3B0
- 7E8893
- 666E77
- 4E545C
- 383C42
- 23262A
- 0F1114
- 020203
Tonos
- C5D2E2
- BDC9D6
- B5BFCB
- ADB6C0
- A6ADB5
- 9EA4AA
- 969B9F
- 8F9295
- 87898A
Armonías de color
Complementario +180°
- CDDCED
Alaskan Skies
- E6D8C6
≈ Dépaysement
Análogo -30° +30°
- CDDCED
Alaskan Skies
- C7DFE8
≈ Wind Tunnel
- D6D8ED
≈ Sachet Cushion
Triádico +120° +240°
- CDDCED
Alaskan Skies
- ECD3D5
≈ Charming Pink
- D3DECB
≈ St. Augustine
Complementario dividido +150° +210°
- CDDCED
Alaskan Skies
- ECD5CC
≈ Ole Pink
- DEDBC6
≈ I Miss You
Tetrádico +90° +180° +270°
- CDDCED
Alaskan Skies
- E8D3E0
≈ Light Favourite Lady
- E6D8C6
≈ Dépaysement
- CBE0D4
≈ Luminous Mist
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.39:1 · APCA Lc 19
Ag
AAASobre negro
WCAG 15.05:1 · APCA Lc 84
Mejor color de texto: #000000
WCAG 15.05:1 (AAA) · APCA Lc 84
Contrast pairs
Fragmentos de código
CSS
:root {
--alaskan-skies: #cddced;
--alaskan-skies-rgb: 205 220 237;
--alaskan-skies-oklch: oklch(0.888 0.028 251.5);
}
.element {
color: var(--alaskan-skies);
background-color: hsl(212 47% 87%);
border-color: oklch(0.888 0.028 251.5);
}Tailwind CSS v4
@theme {
--color-alaskan-skies: #cddced;
--color-alaskan-skies-50: #f0f6fd;
--color-alaskan-skies-100: #e1e9f1;
--color-alaskan-skies-200: #ccd5e0;
--color-alaskan-skies-300: #aeb9c6;
--color-alaskan-skies-400: #93a0af;
--color-alaskan-skies-500: #798899;
--color-alaskan-skies-600: #667381;
--color-alaskan-skies-700: #525c68;
--color-alaskan-skies-800: #3b434c;
--color-alaskan-skies-900: #282f35;
--color-alaskan-skies-950: #161b20;
}SCSS
$alaskan-skies: #cddced;
$alaskan-skies-rgb: 205, 220, 237;
$alaskan-skies-light: mix(#fff, $alaskan-skies, 20%);
$alaskan-skies-dark: mix(#000, $alaskan-skies, 20%);
.element {
color: $alaskan-skies;
box-shadow: 0 0 0 2px rgba($alaskan-skies, 0.35);
}