Adlandırılmış renk · #E7E6E0
Willow Springs
Willow Springs, #E7E6E0: rgb(231 230 224), hsl(51 13% 89%), oklch(0.924 0.008 98.9). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Willow Springs color name →
#E7E6E0
oklch(0.924 0.008 98.9)
Renk dönüşümleri
- HEX
- #e7e6e0
- RGB
- rgb(231 230 224)
- HSL
- hsl(51 13% 89%)
- HWB
- hwb(51 88% 9%)
- OKLCH
- oklch(0.924 0.008 98.9)
- OKLab
- oklab(0.924 -0.001 0.008)
- CIE Lab
- lab(91.25 -0.44 3.06)
- LCH
- lch(91.25 3.09 98.1)
- CMYK
- cmyk(0% 0% 3% 9%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E9E8E3
- ECEBE6
- EEEDE9
- F1F0EC
- F3F2EF
- F5F5F3
- F8F7F6
- FAFAF9
- FDFCFC
Koyu tonlar
- C9C8C3
- ABABA6
- 8F8E8A
- 737370
- 595956
- 40403E
- 282827
- 131312
- 030302
Gri tonlar
- DCDBD6
- D2D1CC
- C7C6C2
- BCBCB8
- B2B2AF
- A8A7A5
- 9E9D9C
- 949392
- 8A8A89
Renk uyumları
Tamamlayıcı +180°
- E7E6E0
Willow Springs
- E4E5EB
≈ Genteel Lavender
Analog -30° +30°
- E7E6E0
Willow Springs
- EAE5E0
≈ Lime White
- E4E7E1
≈ White Blaze
Üçlü +120° +240°
- E7E6E0
Willow Springs
- E0E7E9
≈ Filigree
- EAE4E8
≈ Calm Tint
Bölünmüş tamamlayıcı +150° +210°
- E7E6E0
Willow Springs
- E2E6EB
≈ Winter Haven
- E7E4EA
≈ Iris Isle
Dörtlü +90° +180° +270°
- E7E6E0
Willow Springs
- E0E8E7
≈ White Lake
- E4E5EB
≈ Genteel Lavender
- EBE4E5
≈ Winged Victory
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.25:1 · APCA Lc 12
Ag
AAASiyah üzerinde
WCAG 16.79:1 · APCA Lc 92
En iyi metin rengi: #000000
WCAG 16.79:1 (AAA) · APCA Lc 92
Contrast pairs
Kod parçacıkları
CSS
:root {
--willow-springs: #e7e6e0;
--willow-springs-rgb: 231 230 224;
--willow-springs-oklch: oklch(0.924 0.008 98.9);
}
.element {
color: var(--willow-springs);
background-color: hsl(51 13% 89%);
border-color: oklch(0.924 0.008 98.9);
}Tailwind CSS v4
@theme {
--color-willow-springs: #e7e6e0;
--color-willow-springs-50: #f5f5f3;
--color-willow-springs-100: #e8e8e5;
--color-willow-springs-200: #d5d4d0;
--color-willow-springs-300: #b8b7b3;
--color-willow-springs-400: #9f9e99;
--color-willow-springs-500: #878680;
--color-willow-springs-600: #72726d;
--color-willow-springs-700: #5c5b57;
--color-willow-springs-800: #43423f;
--color-willow-springs-900: #2e2e2c;
--color-willow-springs-950: #1b1b19;
}SCSS
$willow-springs: #e7e6e0;
$willow-springs-rgb: 231, 230, 224;
$willow-springs-light: mix(#fff, $willow-springs, 20%);
$willow-springs-dark: mix(#000, $willow-springs, 20%);
.element {
color: $willow-springs;
box-shadow: 0 0 0 2px rgba($willow-springs, 0.35);
}