Cor nomeada · #CDD6EA
Light Hindsight
Light Hindsight é #CDD6EA: rgb(205 214 234), hsl(221 41% 86%), oklch(0.875 0.029 266.3). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Light Hindsight color name →
#CDD6EA
oklch(0.875 0.029 266.3)
Conversões de cor
- HEX
- #cdd6ea
- RGB
- rgb(205 214 234)
- HSL
- hsl(221 41% 86%)
- HWB
- hwb(221 80% 8%)
- OKLCH
- oklch(0.875 0.029 266.3)
- OKLab
- oklab(0.875 -0.002 -0.029)
- CIE Lab
- lab(85.39 -0.23 -10.97)
- LCH
- lch(85.39 10.97 268.8)
- CMYK
- cmyk(12% 9% 0% 8%)
Tons claros · Sombras · Tons
Tons claros
- D2DAEC
- D7DEEE
- DCE2F0
- E1E6F2
- E6EAF5
- EBEEF7
- F0F3F9
- F5F7FB
- FAFBFD
Sombras
- B2BACB
- 989EAE
- 7E8491
- 666A75
- 4E525A
- 383B41
- 232529
- 0F1013
- 020203
Tons
- C5CDDF
- BDC4D4
- B5BBC9
- ADB3BE
- A6AAB4
- 9EA1A9
- 96999F
- 8F9194
- 87888A
Harmonias de cor
Complementar +180°
- CDD6EA
Light Hindsight
- DED5C1
≈ Whirligig Geyser
Análoga -30° +30°
- CDD6EA
Light Hindsight
- C5D9E7
≈ Celestial Light
- D7D2E8
≈ Air Castle
Tríade +120° +240°
- CDD6EA
Light Hindsight
- E9CFCC
≈ Salmon Cream
- CADCCB
≈ Transparent White
Complementar dividida +150° +210°
- CDD6EA
Light Hindsight
- E6D2C4
≈ Ash Plum
- D4D9C3
≈ Light Feather Green
Tétrade +90° +180° +270°
- CDD6EA
Light Hindsight
- E7CED6
≈ Ephemeral Red
- DED5C1
≈ Whirligig Geyser
- C3DDD5
≈ Green Wave
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.45:1 · APCA Lc 22
Ag
AAASobre preto
WCAG 14.40:1 · APCA Lc 82
Melhor cor de texto: #000000
WCAG 14.40:1 (AAA) · APCA Lc 82
Contrast pairs
Trechos de código
CSS
:root {
--light-hindsight: #cdd6ea;
--light-hindsight-rgb: 205 214 234;
--light-hindsight-oklch: oklch(0.875 0.029 266.3);
}
.element {
color: var(--light-hindsight);
background-color: hsl(221 41% 86%);
border-color: oklch(0.875 0.029 266.3);
}Tailwind CSS v4
@theme {
--color-light-hindsight: #cdd6ea;
--color-light-hindsight-50: #f1f5fe;
--color-light-hindsight-100: #e4e8f2;
--color-light-hindsight-200: #cfd4e1;
--color-light-hindsight-300: #b1b7c7;
--color-light-hindsight-400: #969eb0;
--color-light-hindsight-500: #7d869a;
--color-light-hindsight-600: #6a7282;
--color-light-hindsight-700: #555b68;
--color-light-hindsight-800: #3d424d;
--color-light-hindsight-900: #2a2e35;
--color-light-hindsight-950: #181b21;
}SCSS
$light-hindsight: #cdd6ea;
$light-hindsight-rgb: 205, 214, 234;
$light-hindsight-light: mix(#fff, $light-hindsight, 20%);
$light-hindsight-dark: mix(#000, $light-hindsight, 20%);
.element {
color: $light-hindsight;
box-shadow: 0 0 0 2px rgba($light-hindsight, 0.35);
}