Adlandırılmış renk · #EBF7E4
Panache
Panache, #EBF7E4: rgb(235 247 228), hsl(98 54% 93%), oklch(0.962 0.028 133.7). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Panache color name →
#EBF7E4
oklch(0.962 0.028 133.7)
Renk dönüşümleri
- HEX
- #ebf7e4
- RGB
- rgb(235 247 228)
- HSL
- hsl(98 54% 93%)
- HWB
- hwb(98 89% 3%)
- OKLCH
- oklch(0.962 0.028 133.7)
- OKLab
- oklab(0.962 -0.019 0.02)
- CIE Lab
- lab(95.94 -6.6 7.73)
- LCH
- lch(95.94 10.17 130.5)
- CMYK
- cmyk(5% 0% 8% 3%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- EDF8E7
- EFF9E9
- F1F9EC
- F3FAEF
- F5FBF2
- F7FCF4
- F9FDF7
- FBFDFA
- FDFEFC
Koyu tonlar
- CCD7C6
- AEB7A9
- 91998D
- 757C72
- 5B6058
- 41453F
- 292C28
- 131512
- 030303
Gri tonlar
- E0EADA
- D5DECF
- CAD2C5
- BFC6BB
- B4BAB1
- A9AEA7
- 9FA29D
- 949793
- 8A8B8A
Renk uyumları
Tamamlayıcı +180°
- EBF7E4
Panache
- F9EEFF
≈ Placebo Fuchsia
Analog -30° +30°
- EBF7E4
Panache
- F5F4DE
≈ White Jasmine
- E2F9ED
≈ Soft Mint
Üçlü +120° +240°
- EBF7E4
Panache
- EAF3FF
≈ Moon White
- FFEEEF
≈ White Gloss
Bölünmüş tamamlayıcı +150° +210°
- EBF7E4
Panache
- F0F1FF
≈ Cloud Break
- FFECF6
≈ Partial Pink
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.10:1 · APCA Lc 0
Ag
AAASiyah üzerinde
WCAG 18.95:1 · APCA Lc 100
En iyi metin rengi: #000000
WCAG 18.95:1 (AAA) · APCA Lc 100
Contrast pairs
Kod parçacıkları
CSS
:root {
--panache: #ebf7e4;
--panache-rgb: 235 247 228;
--panache-oklch: oklch(0.962 0.028 133.7);
}
.element {
color: var(--panache);
background-color: hsl(98 54% 93%);
border-color: oklch(0.962 0.028 133.7);
}Tailwind CSS v4
@theme {
--color-panache: #ebf7e4;
--color-panache-50: #f2f7ef;
--color-panache-100: #e4eae1;
--color-panache-200: #cfd7cb;
--color-panache-300: #b1bbad;
--color-panache-400: #98a292;
--color-panache-500: #7f8b78;
--color-panache-600: #6b7565;
--color-panache-700: #565e51;
--color-panache-800: #3f453b;
--color-panache-900: #2b2f28;
--color-panache-950: #191c16;
}SCSS
$panache: #ebf7e4;
$panache-rgb: 235, 247, 228;
$panache-light: mix(#fff, $panache, 20%);
$panache-dark: mix(#000, $panache, 20%);
.element {
color: $panache;
box-shadow: 0 0 0 2px rgba($panache, 0.35);
}