Adlandırılmış renk · #EBC881
Marzipan
Marzipan, #EBC881: rgb(235 200 129), hsl(40 73% 71%), oklch(0.847 0.098 84.2). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Marzipan color name →
#EBC881
oklch(0.847 0.098 84.2)
Renk dönüşümleri
- HEX
- #ebc881
- RGB
- rgb(235 200 129)
- HSL
- hsl(40 73% 71%)
- HWB
- hwb(40 51% 8%)
- OKLCH
- oklch(0.847 0.098 84.2)
- OKLab
- oklab(0.847 0.01 0.097)
- CIE Lab
- lab(82.5 6.09 40.24)
- LCH
- lch(82.5 40.7 81.4)
- CMYK
- cmyk(0% 15% 45% 8%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- EDCE8E
- EFD39C
- F1D9A8
- F3DEB5
- F5E4C1
- F7E9CE
- F9EFDA
- FBF4E7
- FDFAF3
Koyu tonlar
- CCAE6F
- AE945E
- 917B4E
- 75633E
- 5B4C2E
- 41361F
- 292112
- 130F06
- 030201
Gri tonlar
- E0C182
- D5B983
- CAB283
- BFAB83
- B4A483
- AA9D83
- 9F9582
- 958E82
- 8A8781
Renk uyumları
Tamamlayıcı +180°
- EBC881
Marzipan
- B4CDFF
≈ Night Snow
Analog -30° +30°
- EBC881
Marzipan
- FFBC90
≈ Fuzzy Peach
- CBD589
≈ Lime Sherbet
Üçlü +120° +240°
- EBC881
Marzipan
- 78E0EA
≈ Turkish Turquoise
- EDB7F1
≈ Lovecloud
Bölünmüş tamamlayıcı +150° +210°
- EBC881
Marzipan
- 91D7FF
≈ Shiva Blue
- CFC3FF
≈ Innocent Snowdrop
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.60:1 · APCA Lc 27
Ag
AAASiyah üzerinde
WCAG 13.11:1 · APCA Lc 76
En iyi metin rengi: #000000
WCAG 13.11:1 (AAA) · APCA Lc 76
Contrast pairs
Kod parçacıkları
CSS
:root {
--marzipan: #ebc881;
--marzipan-rgb: 235 200 129;
--marzipan-oklch: oklch(0.847 0.098 84.2);
}
.element {
color: var(--marzipan);
background-color: hsl(40 73% 71%);
border-color: oklch(0.847 0.098 84.2);
}Tailwind CSS v4
@theme {
--color-marzipan: #ebc881;
--color-marzipan-50: #fff4d6;
--color-marzipan-100: #f6e6c3;
--color-marzipan-200: #e7d2a5;
--color-marzipan-300: #ceb47d;
--color-marzipan-400: #ba9a58;
--color-marzipan-500: #a4802e;
--color-marzipan-600: #8b6d29;
--color-marzipan-700: #6f5720;
--color-marzipan-800: #533f15;
--color-marzipan-900: #3a2b0e;
--color-marzipan-950: #241802;
}SCSS
$marzipan: #ebc881;
$marzipan-rgb: 235, 200, 129;
$marzipan-light: mix(#fff, $marzipan, 20%);
$marzipan-dark: mix(#000, $marzipan, 20%);
.element {
color: $marzipan;
box-shadow: 0 0 0 2px rgba($marzipan, 0.35);
}