Adlandırılmış renk · #E7E9E4
Winsome Grey
Winsome Grey, #E7E9E4: rgb(231 233 228), hsl(84 10% 90%), oklch(0.931 0.007 124.5). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Winsome Grey color name →
#E7E9E4
oklch(0.931 0.007 124.5)
Renk dönüşümleri
- HEX
- #e7e9e4
- RGB
- rgb(231 233 228)
- HSL
- hsl(84 10% 90%)
- HWB
- hwb(84 89% 9%)
- OKLCH
- oklch(0.931 0.007 124.5)
- OKLab
- oklab(0.931 -0.004 0.006)
- CIE Lab
- lab(92.09 -1.36 2.19)
- LCH
- lch(92.09 2.57 121.8)
- CMYK
- cmyk(1% 0% 2% 9%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E9EBE7
- ECEDE9
- EEF0EC
- F1F2EF
- F3F4F1
- F5F6F4
- F8F8F7
- FAFBFA
- FDFDFC
Koyu tonlar
- C9CBC6
- ABADA9
- 8F908D
- 737472
- 595A58
- 40413F
- 282928
- 131312
- 030303
Gri tonlar
- DCDEDA
- D2D3CF
- C7C8C5
- BCBEBB
- B2B3B1
- A8A9A7
- 9E9E9D
- 949493
- 8A8A8A
Renk uyumları
Tamamlayıcı +180°
- E7E9E4
Winsome Grey
- E9E7EC
≈ Pixie Wing
Analog -30° +30°
- E7E9E4
Winsome Grey
- EAE8E3
≈ Faded Grey
- E5EAE6
≈ Distant Cloud
Üçlü +120° +240°
- E7E9E4
Winsome Grey
- E4E9ED
≈ Calla Lily
- EDE6E7
≈ November Pink
Bölünmüş tamamlayıcı +150° +210°
- E7E9E4
Winsome Grey
- E7E8ED
≈ Purple Crystal
- EBE6EA
≈ Pixie Wing
Dörtlü +90° +180° +270°
- E7E9E4
Winsome Grey
- E3E9EB
≈ Snow Cloud
- E9E7EC
≈ Pixie Wing
- EDE7E5
≈ Flower Girl Dress
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.22:1 · APCA Lc 11
Ag
AAASiyah üzerinde
WCAG 17.17:1 · APCA Lc 93
En iyi metin rengi: #000000
WCAG 17.17:1 (AAA) · APCA Lc 93
Contrast pairs
Kod parçacıkları
CSS
:root {
--winsome-grey: #e7e9e4;
--winsome-grey-rgb: 231 233 228;
--winsome-grey-oklch: oklch(0.931 0.007 124.5);
}
.element {
color: var(--winsome-grey);
background-color: hsl(84 10% 90%);
border-color: oklch(0.931 0.007 124.5);
}Tailwind CSS v4
@theme {
--color-winsome-grey: #e7e9e4;
--color-winsome-grey-50: #f4f5f3;
--color-winsome-grey-100: #e7e8e6;
--color-winsome-grey-200: #d3d5d2;
--color-winsome-grey-300: #b6b8b4;
--color-winsome-grey-400: #9d9f9b;
--color-winsome-grey-500: #858782;
--color-winsome-grey-600: #71726e;
--color-winsome-grey-700: #5a5b58;
--color-winsome-grey-800: #424340;
--color-winsome-grey-900: #2d2e2c;
--color-winsome-grey-950: #1a1b19;
}SCSS
$winsome-grey: #e7e9e4;
$winsome-grey-rgb: 231, 233, 228;
$winsome-grey-light: mix(#fff, $winsome-grey, 20%);
$winsome-grey-dark: mix(#000, $winsome-grey, 20%);
.element {
color: $winsome-grey;
box-shadow: 0 0 0 2px rgba($winsome-grey, 0.35);
}