Adlandırılmış renk · #E5EBE3
Summer Shower
Summer Shower, #E5EBE3: rgb(229 235 227), hsl(105 17% 91%), oklch(0.933 0.012 137.8). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Summer Shower color name →
#E5EBE3
oklch(0.933 0.012 137.8)
Renk dönüşümleri
- HEX
- #e5ebe3
- RGB
- rgb(229 235 227)
- HSL
- hsl(105 17% 91%)
- HWB
- hwb(105 89% 8%)
- OKLCH
- oklch(0.933 0.012 137.8)
- OKLab
- oklab(0.933 -0.009 0.008)
- CIE Lab
- lab(92.42 -3.14 3.16)
- LCH
- lch(92.42 4.45 134.8)
- CMYK
- cmyk(3% 0% 3% 8%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E8EDE6
- EAEFE9
- EDF1EB
- EFF3EE
- F2F5F1
- F5F7F4
- F7F9F7
- FAFBF9
- FCFDFC
Koyu tonlar
- C7CCC5
- AAAEA8
- 8E918C
- 727571
- 585B57
- 3F413F
- 282927
- 121312
- 030303
Gri tonlar
- DAE0D9
- D0D5CE
- C6CAC4
- BBBFBA
- B1B4B0
- A7A9A6
- 9D9F9D
- 939493
- 8A8A89
Renk uyumları
Tamamlayıcı +180°
- E5EBE3
Summer Shower
- ECE6EE
≈ In the Spotlight
Analog -30° +30°
- E5EBE3
Summer Shower
- E9EAE0
≈ Polar Bear
- E2ECE7
≈ Hallowed Hush
Üçlü +120° +240°
- E5EBE3
Summer Shower
- E4E9F1
≈ Whisper Blue
- F1E6E6
≈ Whisper
Bölünmüş tamamlayıcı +150° +210°
- E5EBE3
Summer Shower
- E8E8F1
≈ Diamond Cut
- F0E6EA
≈ Bride
Dörtlü +90° +180° +270°
- E5EBE3
Summer Shower
- E1EBF0
≈ Himalaya Peaks
- ECE6EE
≈ In the Spotlight
- F0E7E2
≈ Forever Faithful
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.21:1 · APCA Lc 10
Ag
AAASiyah üzerinde
WCAG 17.32:1 · APCA Lc 94
En iyi metin rengi: #000000
WCAG 17.32:1 (AAA) · APCA Lc 94
Contrast pairs
Kod parçacıkları
CSS
:root {
--summer-shower: #e5ebe3;
--summer-shower-rgb: 229 235 227;
--summer-shower-oklch: oklch(0.933 0.012 137.8);
}
.element {
color: var(--summer-shower);
background-color: hsl(105 17% 91%);
border-color: oklch(0.933 0.012 137.8);
}Tailwind CSS v4
@theme {
--color-summer-shower: #e5ebe3;
--color-summer-shower-50: #f3f6f3;
--color-summer-shower-100: #e6e9e5;
--color-summer-shower-200: #d1d6d1;
--color-summer-shower-300: #b4b9b3;
--color-summer-shower-400: #9ba099;
--color-summer-shower-500: #828880;
--color-summer-shower-600: #6e736d;
--color-summer-shower-700: #585c57;
--color-summer-shower-800: #40433f;
--color-summer-shower-900: #2c2f2b;
--color-summer-shower-950: #191b19;
}SCSS
$summer-shower: #e5ebe3;
$summer-shower-rgb: 229, 235, 227;
$summer-shower-light: mix(#fff, $summer-shower, 20%);
$summer-shower-dark: mix(#000, $summer-shower, 20%);
.element {
color: $summer-shower;
box-shadow: 0 0 0 2px rgba($summer-shower, 0.35);
}