Adlandırılmış renk · #E2E2B5
Schabziger Green
Schabziger Green, #E2E2B5: rgb(226 226 181), hsl(60 44% 80%), oklch(0.902 0.059 107.5). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Yellow mean? → · Schabziger Green color name →
#E2E2B5
oklch(0.902 0.059 107.5)
Renk dönüşümleri
- HEX
- #e2e2b5
- RGB
- rgb(226 226 181)
- HSL
- hsl(60 44% 80%)
- HWB
- hwb(60 71% 11%)
- OKLCH
- oklch(0.902 0.059 107.5)
- OKLab
- oklab(0.902 -0.018 0.056)
- CIE Lab
- lab(89.04 -5.39 22.12)
- LCH
- lch(89.04 22.77 103.7)
- CMYK
- cmyk(0% 0% 20% 11%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E5E5BC
- E8E8C4
- EBEBCB
- EDEED3
- F0F1DA
- F3F3E2
- F6F6E9
- F9F9F0
- FCFCF8
Koyu tonlar
- C4C49D
- A8A886
- 8C8C6F
- 717159
- 575744
- 3E3E30
- 27271D
- 12120C
- 030302
Gri tonlar
- D8D8B0
- CECEAA
- C3C4A5
- BABAA0
- B0B09B
- A6A695
- 9C9C90
- 93938B
- 898985
Renk uyumları
Tamamlayıcı +180°
- E2E2B5
Schabziger Green
- DCDAFF
≈ Transparent Blue
Analog -30° +30°
- E2E2B5
Schabziger Green
- F5DAB3
≈ Lion’s Roar
- CCE8C2
≈ Sweet Spring
Üçlü +120° +240°
- E2E2B5
Schabziger Green
- B6E7FE
≈ Breaking the Ice
- FDCFE6
≈ Pink Lily
Bölünmüş tamamlayıcı +150° +210°
- E2E2B5
Schabziger Green
- CBE0FF
≈ Arc Light
- EFD3F9
≈ Rose Dragée
Dörtlü +90° +180° +270°
- E2E2B5
Schabziger Green
- B1EBEC
≈ Spearmint Water
- DCDAFF
≈ Transparent Blue
- FFD2D2
≈ Girlie
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.33:1 · APCA Lc 16
Ag
AAASiyah üzerinde
WCAG 15.77:1 · APCA Lc 87
En iyi metin rengi: #000000
WCAG 15.77:1 (AAA) · APCA Lc 87
Contrast pairs
Kod parçacıkları
CSS
:root {
--schabziger-green: #e2e2b5;
--schabziger-green-rgb: 226 226 181;
--schabziger-green-oklch: oklch(0.902 0.059 107.5);
}
.element {
color: var(--schabziger-green);
background-color: hsl(60 44% 80%);
border-color: oklch(0.902 0.059 107.5);
}Tailwind CSS v4
@theme {
--color-schabziger-green: #e2e2b5;
--color-schabziger-green-50: #f6f7e4;
--color-schabziger-green-100: #e9ead4;
--color-schabziger-green-200: #d5d7ba;
--color-schabziger-green-300: #b9ba98;
--color-schabziger-green-400: #a2a179;
--color-schabziger-green-500: #8a895b;
--color-schabziger-green-600: #75744d;
--color-schabziger-green-700: #5d5d3e;
--color-schabziger-green-800: #45442c;
--color-schabziger-green-900: #302f1d;
--color-schabziger-green-950: #1c1b0d;
}SCSS
$schabziger-green: #e2e2b5;
$schabziger-green-rgb: 226, 226, 181;
$schabziger-green-light: mix(#fff, $schabziger-green, 20%);
$schabziger-green-dark: mix(#000, $schabziger-green, 20%);
.element {
color: $schabziger-green;
box-shadow: 0 0 0 2px rgba($schabziger-green, 0.35);
}