Nazwany kolor · #F4EAE4
Sauvignon
Sauvignon to #F4EAE4: rgb(244 234 228), hsl(22 42% 93%), oklch(0.943 0.014 53.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Sauvignon color name →
#F4EAE4
oklch(0.943 0.014 53.3)
Konwersje koloru
- HEX
- #f4eae4
- RGB
- rgb(244 234 228)
- HSL
- hsl(22 42% 93%)
- HWB
- hwb(22 89% 4%)
- OKLCH
- oklch(0.943 0.014 53.3)
- OKLab
- oklab(0.943 0.008 0.011)
- CIE Lab
- lab(93.37 2.74 4.19)
- LCH
- lch(93.37 5 56.8)
- CMYK
- cmyk(0% 4% 7% 4%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F5ECE7
- F6EEE9
- F7F0EC
- F8F2EF
- FAF4F1
- FBF7F4
- FCF9F7
- FDFBFA
- FEFDFC
Odcienie ciemniejsze
- D4CBC6
- B5AEA9
- 97918D
- 7A7572
- 5E5A58
- 44413F
- 2B2928
- 141312
- 030303
Tony
- E8DFDA
- DCD4CF
- D0C9C5
- C4BEBB
- B8B4B1
- ADA9A7
- A19F9D
- 969493
- 8B8A8A
Harmonie kolorów
Komplementarna +180°
- F4EAE4
Sauvignon
- E4EEF4
≈ Morning Mist
Analogowa -30° +30°
- F4EAE4
Sauvignon
- F5E9E8
≈ Fancy Pink
- F1ECE2
≈ Vanilla Milkshake
Triada +120° +240°
- F4EAE4
Sauvignon
- E4EFEB
≈ Waterfall Mist
- ECEBF5
≈ Silver Phoenix
Komplementarna rozszczepiona +150° +210°
- F4EAE4
Sauvignon
- E2EFF0
≈ Azul Primavera
- E7ECF6
≈ Coconut White
Tetrada +90° +180° +270°
- F4EAE4
Sauvignon
- E7EFE7
≈ Northern Lights
- E4EEF4
≈ Morning Mist
- F1E9F2
≈ Snow Plum
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.18:1 · APCA Lc 9
Ag
AAANa czerni
WCAG 17.73:1 · APCA Lc 95
Najlepszy kolor tekstu: #000000
WCAG 17.73:1 (AAA) · APCA Lc 95
Contrast pairs
Fragmenty kodu
CSS
:root {
--sauvignon: #f4eae4;
--sauvignon-rgb: 244 234 228;
--sauvignon-oklch: oklch(0.943 0.014 53.3);
}
.element {
color: var(--sauvignon);
background-color: hsl(22 42% 93%);
border-color: oklch(0.943 0.014 53.3);
}Tailwind CSS v4
@theme {
--color-sauvignon: #f4eae4;
--color-sauvignon-50: #f8f4f1;
--color-sauvignon-100: #ece7e4;
--color-sauvignon-200: #d9d3cf;
--color-sauvignon-300: #bdb6b1;
--color-sauvignon-400: #a59c97;
--color-sauvignon-500: #8e847e;
--color-sauvignon-600: #78706b;
--color-sauvignon-700: #605955;
--color-sauvignon-800: #46413e;
--color-sauvignon-900: #312d2b;
--color-sauvignon-950: #1d1a18;
}SCSS
$sauvignon: #f4eae4;
$sauvignon-rgb: 244, 234, 228;
$sauvignon-light: mix(#fff, $sauvignon, 20%);
$sauvignon-dark: mix(#000, $sauvignon, 20%);
.element {
color: $sauvignon;
box-shadow: 0 0 0 2px rgba($sauvignon, 0.35);
}