Nazwany kolor · #F2EDE7
Valhallan Blizzard
Valhallan Blizzard to #F2EDE7: rgb(242 237 231), hsl(33 30% 93%), oklch(0.948 0.01 72.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Valhallan Blizzard color name →
#F2EDE7
oklch(0.948 0.01 72.7)
Konwersje koloru
- HEX
- #f2ede7
- RGB
- rgb(242 237 231)
- HSL
- hsl(33 30% 93%)
- HWB
- hwb(33 91% 5%)
- OKLCH
- oklch(0.948 0.01 72.7)
- OKLab
- oklab(0.948 0.003 0.009)
- CIE Lab
- lab(94.02 0.97 3.54)
- LCH
- lch(94.02 3.67 74.7)
- CMYK
- cmyk(0% 2% 5% 5%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F3EFE9
- F5F1EC
- F6F2EE
- F7F4F1
- F8F6F3
- FAF8F5
- FBFAF8
- FCFBFA
- FEFDFD
Odcienie ciemniejsze
- D2CEC9
- B4B0AB
- 96938F
- 797773
- 5E5C59
- 434240
- 2B2A28
- 141413
- 030303
Tony
- E6E2DC
- DAD6D2
- CECBC7
- C3C0BC
- B7B5B2
- ACAAA8
- A19F9E
- 969594
- 8B8A8A
Harmonie kolorów
Komplementarna +180°
- F2EDE7
Valhallan Blizzard
- E9EEF4
≈ Springtime Rain
Analogowa -30° +30°
- F2EDE7
Valhallan Blizzard
- F4ECE9
≈ Bunny Hop
- EFEEE7
≈ Salt
Triada +120° +240°
- F2EDE7
Valhallan Blizzard
- E7F0F0
≈ Ethereal White
- F0ECF3
≈ Violet Clues
Komplementarna rozszczepiona +150° +210°
- F2EDE7
Valhallan Blizzard
- E7EFF3
≈ Distant Wind Chime
- EDEDF4
≈ Springtime Rain
Tetrada +90° +180° +270°
- F2EDE7
Valhallan Blizzard
- E8F0EC
≈ White Bass
- E9EEF4
≈ Springtime Rain
- F3EBF0
≈ Dress Pink
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.16:1 · APCA Lc 8
Ag
AAANa czerni
WCAG 18.04:1 · APCA Lc 97
Najlepszy kolor tekstu: #000000
WCAG 18.04:1 (AAA) · APCA Lc 97
Contrast pairs
Fragmenty kodu
CSS
:root {
--valhallan-blizzard: #f2ede7;
--valhallan-blizzard-rgb: 242 237 231;
--valhallan-blizzard-oklch: oklch(0.948 0.01 72.7);
}
.element {
color: var(--valhallan-blizzard);
background-color: hsl(33 30% 93%);
border-color: oklch(0.948 0.01 72.7);
}Tailwind CSS v4
@theme {
--color-valhallan-blizzard: #f2ede7;
--color-valhallan-blizzard-50: #f7f5f2;
--color-valhallan-blizzard-100: #eae7e4;
--color-valhallan-blizzard-200: #d7d4d0;
--color-valhallan-blizzard-300: #bab7b2;
--color-valhallan-blizzard-400: #a29e98;
--color-valhallan-blizzard-500: #8a857f;
--color-valhallan-blizzard-600: #75716c;
--color-valhallan-blizzard-700: #5e5a56;
--color-valhallan-blizzard-800: #45423f;
--color-valhallan-blizzard-900: #2f2d2b;
--color-valhallan-blizzard-950: #1c1a19;
}SCSS
$valhallan-blizzard: #f2ede7;
$valhallan-blizzard-rgb: 242, 237, 231;
$valhallan-blizzard-light: mix(#fff, $valhallan-blizzard, 20%);
$valhallan-blizzard-dark: mix(#000, $valhallan-blizzard, 20%);
.element {
color: $valhallan-blizzard;
box-shadow: 0 0 0 2px rgba($valhallan-blizzard, 0.35);
}