Cor nomeada · #EAF7C9
Snow Flurry
Snow Flurry é #EAF7C9: rgb(234 247 201), hsl(77 74% 88%), oklch(0.955 0.062 120.4). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Snow Flurry color name →
#EAF7C9
oklch(0.955 0.062 120.4)
Conversões de cor
- HEX
- #eaf7c9
- RGB
- rgb(234 247 201)
- HSL
- hsl(77 74% 88%)
- HWB
- hwb(77 79% 3%)
- OKLCH
- oklch(0.955 0.062 120.4)
- OKLab
- oklab(0.955 -0.031 0.053)
- CIE Lab
- lab(95.38 -10.16 20.69)
- LCH
- lch(95.38 23.05 116.2)
- CMYK
- cmyk(5% 0% 19% 3%)
Tons claros · Sombras · Tons
Tons claros
- ECF8CF
- EEF9D4
- F0FAD9
- F2FADF
- F4FBE4
- F7FCEA
- F9FDEF
- FBFEF4
- FDFEFA
Sombras
- CBD7AE
- AEB795
- 91997C
- 757C64
- 5A604C
- 414536
- 292C22
- 13150F
- 030302
Tons
- DFEBC2
- D4DEBA
- C9D2B3
- BEC6AC
- B3BAA4
- A9AE9D
- 9FA296
- 94978E
- 8A8B87
Harmonias de cor
Complementar +180°
- EAF7C9
Snow Flurry
- F2EDFF
≈ Foundation White
Análoga -30° +30°
- EAF7C9
Snow Flurry
- FFEFC4
≈ Summer Hue
- D4FDDB
≈ Mint Zest
Tríade +120° +240°
- EAF7C9
Snow Flurry
- E2F3FF
≈ Wizard White
- FFEAEF
≈ Rose Mochi
Complementar dividida +150° +210°
- EAF7C9
Snow Flurry
- EAF0FF
≈ Brilliant White
- FFE8FC
≈ Fairy Bubblegum Cloud
Tétrade +90° +180° +270°
- EAF7C9
Snow Flurry
- D3F8FF
≈ Fishious Rend
- F2EDFF
≈ Foundation White
- FFEBE7
≈ Rose Frost
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.12:1 · APCA Lc 0
Ag
AAASobre preto
WCAG 18.64:1 · APCA Lc 99
Melhor cor de texto: #000000
WCAG 18.64:1 (AAA) · APCA Lc 99
Contrast pairs
Trechos de código
CSS
:root {
--snow-flurry: #eaf7c9;
--snow-flurry-rgb: 234 247 201;
--snow-flurry-oklch: oklch(0.955 0.062 120.4);
}
.element {
color: var(--snow-flurry);
background-color: hsl(77 74% 88%);
border-color: oklch(0.955 0.062 120.4);
}Tailwind CSS v4
@theme {
--color-snow-flurry: #eaf7c9;
--color-snow-flurry-50: #f2f8e5;
--color-snow-flurry-100: #e4ecd5;
--color-snow-flurry-200: #cfd9bc;
--color-snow-flurry-300: #b2bd9a;
--color-snow-flurry-400: #99a47b;
--color-snow-flurry-500: #808d5e;
--color-snow-flurry-600: #6d7750;
--color-snow-flurry-700: #575f40;
--color-snow-flurry-800: #40452d;
--color-snow-flurry-900: #2c301e;
--color-snow-flurry-950: #191c0e;
}SCSS
$snow-flurry: #eaf7c9;
$snow-flurry-rgb: 234, 247, 201;
$snow-flurry-light: mix(#fff, $snow-flurry, 20%);
$snow-flurry-dark: mix(#000, $snow-flurry, 20%);
.element {
color: $snow-flurry;
box-shadow: 0 0 0 2px rgba($snow-flurry, 0.35);
}