Cor nomeada · #E1E6F2
Crystal Falls
Crystal Falls é #E1E6F2: rgb(225 230 242), hsl(222 40% 92%), oklch(0.925 0.017 267.8). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Crystal Falls color name →
#E1E6F2
oklch(0.925 0.017 267.8)
Conversões de cor
- HEX
- #e1e6f2
- RGB
- rgb(225 230 242)
- HSL
- hsl(222 40% 92%)
- HWB
- hwb(222 88% 5%)
- OKLCH
- oklch(0.925 0.017 267.8)
- OKLab
- oklab(0.925 -0.001 -0.017)
- CIE Lab
- lab(91.17 -0.06 -6.46)
- LCH
- lch(91.17 6.46 269.4)
- CMYK
- cmyk(7% 5% 0% 5%)
Tons claros · Sombras · Tons
Tons claros
- E4E8F3
- E7EBF5
- EAEDF6
- EDF0F7
- F0F2F9
- F3F5FA
- F6F7FB
- F9FAFC
- FCFCFE
Sombras
- C4C8D2
- A7ABB4
- 8B8E96
- 707379
- 56595E
- 3E4043
- 27282B
- 121314
- 020303
Tons
- D7DBE6
- CDD1DA
- C3C6CE
- B9BCC3
- AFB2B7
- A6A7AC
- 9C9DA1
- 939496
- 898A8B
Harmonias de cor
Complementar +180°
- E1E6F2
Crystal Falls
- EBE6DA
≈ China White
Análoga -30° +30°
- E1E6F2
Crystal Falls
- DCE8F0
≈ Moby Dick
- E7E4F0
≈ Modest Violet
Tríade +120° +240°
- E1E6F2
Crystal Falls
- F1E2E0
≈ Chantilly Lace
- DFE9E0
≈ Watermark
Complementar dividida +150° +210°
- E1E6F2
Crystal Falls
- EFE4DB
≈ Sweet Gardenia
- E5E8DB
≈ Spinach White
Tétrade +90° +180° +270°
- E1E6F2
Crystal Falls
- F0E2E6
≈ Dulcet Pink
- EBE6DA
≈ China White
- DBEAE6
≈ Tropical Dream
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.24:1 · APCA Lc 12
Ag
AAASobre preto
WCAG 16.80:1 · APCA Lc 92
Melhor cor de texto: #000000
WCAG 16.80:1 (AAA) · APCA Lc 92
Contrast pairs
Trechos de código
CSS
:root {
--crystal-falls: #e1e6f2;
--crystal-falls-rgb: 225 230 242;
--crystal-falls-oklch: oklch(0.925 0.017 267.8);
}
.element {
color: var(--crystal-falls);
background-color: hsl(222 40% 92%);
border-color: oklch(0.925 0.017 267.8);
}Tailwind CSS v4
@theme {
--color-crystal-falls: #e1e6f2;
--color-crystal-falls-50: #f3f5fa;
--color-crystal-falls-100: #e5e8ee;
--color-crystal-falls-200: #d1d4dc;
--color-crystal-falls-300: #b4b7c0;
--color-crystal-falls-400: #9a9ea9;
--color-crystal-falls-500: #818692;
--color-crystal-falls-600: #6d717b;
--color-crystal-falls-700: #575b63;
--color-crystal-falls-800: #3f4248;
--color-crystal-falls-900: #2c2e32;
--color-crystal-falls-950: #191b1e;
}SCSS
$crystal-falls: #e1e6f2;
$crystal-falls-rgb: 225, 230, 242;
$crystal-falls-light: mix(#fff, $crystal-falls, 20%);
$crystal-falls-dark: mix(#000, $crystal-falls, 20%);
.element {
color: $crystal-falls;
box-shadow: 0 0 0 2px rgba($crystal-falls, 0.35);
}