Adlandırılmış renk · #EBE4E2
Winged Victory
Winged Victory, #EBE4E2: rgb(235 228 226), hsl(13 18% 90%), oklch(0.924 0.008 36.6). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Winged Victory color name →
#EBE4E2
oklch(0.924 0.008 36.6)
Renk dönüşümleri
- HEX
- #ebe4e2
- RGB
- rgb(235 228 226)
- HSL
- hsl(13 18% 90%)
- HWB
- hwb(13 89% 8%)
- OKLCH
- oklch(0.924 0.008 36.6)
- OKLab
- oklab(0.924 0.007 0.005)
- CIE Lab
- lab(91.1 2.19 1.87)
- LCH
- lch(91.1 2.88 40.4)
- CMYK
- cmyk(0% 3% 4% 8%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- EDE7E5
- EFE9E8
- F1ECEB
- F3EFEE
- F5F1F0
- F7F4F3
- F9F7F6
- FBFAF9
- FDFCFC
Koyu tonlar
- CCC6C4
- AEA9A8
- 918D8C
- 757271
- 5B5857
- 413F3E
- 292827
- 131212
- 030303
Gri tonlar
- E0DAD8
- D5CFCE
- CAC5C4
- BFBBBA
- B4B1B0
- A9A7A6
- 9F9D9C
- 949393
- 8A8A89
Renk uyumları
Tamamlayıcı +180°
- EBE4E2
Winged Victory
- E0E7E9
≈ Filigree
Analog -30° +30°
- EBE4E2
Winged Victory
- EBE4E5
≈ Winged Victory
- EAE5E0
≈ Lime White
Üçlü +120° +240°
- EBE4E2
Winged Victory
- E2E7E4
≈ Silent White
- E4E5EB
≈ Genteel Lavender
Bölünmüş tamamlayıcı +150° +210°
- EBE4E2
Winged Victory
- E0E8E6
≈ Calm
- E2E6EB
≈ Winter Haven
Dörtlü +90° +180° +270°
- EBE4E2
Winged Victory
- E4E7E1
≈ White Blaze
- E0E7E9
≈ Filigree
- E7E4EA
≈ Iris Isle
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.25:1 · APCA Lc 13
Ag
AAASiyah üzerinde
WCAG 16.72:1 · APCA Lc 91
En iyi metin rengi: #000000
WCAG 16.72:1 (AAA) · APCA Lc 91
Contrast pairs
Kod parçacıkları
CSS
:root {
--winged-victory: #ebe4e2;
--winged-victory-rgb: 235 228 226;
--winged-victory-oklch: oklch(0.924 0.008 36.6);
}
.element {
color: var(--winged-victory);
background-color: hsl(13 18% 90%);
border-color: oklch(0.924 0.008 36.6);
}Tailwind CSS v4
@theme {
--color-winged-victory: #ebe4e2;
--color-winged-victory-50: #f7f4f3;
--color-winged-victory-100: #eae7e6;
--color-winged-victory-200: #d7d3d2;
--color-winged-victory-300: #bbb6b4;
--color-winged-victory-400: #a39d9b;
--color-winged-victory-500: #8b8482;
--color-winged-victory-600: #76706e;
--color-winged-victory-700: #5e5a58;
--color-winged-victory-800: #454140;
--color-winged-victory-900: #302d2c;
--color-winged-victory-950: #1c1a19;
}SCSS
$winged-victory: #ebe4e2;
$winged-victory-rgb: 235, 228, 226;
$winged-victory-light: mix(#fff, $winged-victory, 20%);
$winged-victory-dark: mix(#000, $winged-victory, 20%);
.element {
color: $winged-victory;
box-shadow: 0 0 0 2px rgba($winged-victory, 0.35);
}