Nazwany kolor · #EAF7C9
Snow Flurry
Snow Flurry to #EAF7C9: rgb(234 247 201), hsl(77 74% 88%), oklch(0.955 0.062 120.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Snow Flurry color name →
#EAF7C9
oklch(0.955 0.062 120.4)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- ECF8CF
- EEF9D4
- F0FAD9
- F2FADF
- F4FBE4
- F7FCEA
- F9FDEF
- FBFEF4
- FDFEFA
Odcienie ciemniejsze
- CBD7AE
- AEB795
- 91997C
- 757C64
- 5A604C
- 414536
- 292C22
- 13150F
- 030302
Tony
- DFEBC2
- D4DEBA
- C9D2B3
- BEC6AC
- B3BAA4
- A9AE9D
- 9FA296
- 94978E
- 8A8B87
Harmonie kolorów
Komplementarna +180°
- EAF7C9
Snow Flurry
- F2EDFF
≈ Foundation White
Analogowa -30° +30°
- EAF7C9
Snow Flurry
- FFEFC4
≈ Summer Hue
- D4FDDB
≈ Mint Zest
Triada +120° +240°
- EAF7C9
Snow Flurry
- E2F3FF
≈ Wizard White
- FFEAEF
≈ Rose Mochi
Komplementarna rozszczepiona +150° +210°
- EAF7C9
Snow Flurry
- EAF0FF
≈ Brilliant White
- FFE8FC
≈ Fairy Bubblegum Cloud
Tetrada +90° +180° +270°
- EAF7C9
Snow Flurry
- D3F8FF
≈ Fishious Rend
- F2EDFF
≈ Foundation White
- FFEBE7
≈ Rose Frost
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.12:1 · APCA Lc 0
Ag
AAANa czerni
WCAG 18.64:1 · APCA Lc 99
Najlepszy kolor tekstu: #000000
WCAG 18.64:1 (AAA) · APCA Lc 99
Contrast pairs
Fragmenty kodu
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);
}