Adlandırılmış renk · #EBE2CF
Muscat Blanc
Muscat Blanc, #EBE2CF: rgb(235 226 207), hsl(41 41% 87%), oklch(0.915 0.027 85.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? → · Muscat Blanc color name →
#EBE2CF
oklch(0.915 0.027 85.7)
Renk dönüşümleri
- HEX
- #ebe2cf
- RGB
- rgb(235 226 207)
- HSL
- hsl(41 41% 87%)
- HWB
- hwb(41 81% 8%)
- OKLCH
- oklch(0.915 0.027 85.7)
- OKLab
- oklab(0.915 0.002 0.027)
- CIE Lab
- lab(90.22 0.82 10.47)
- LCH
- lch(90.22 10.51 85.5)
- CMYK
- cmyk(0% 4% 12% 8%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- EDE5D4
- EFE8D9
- F1EBDD
- F3EEE2
- F5F0E7
- F7F3EC
- F9F6F1
- FBF9F5
- FDFCFA
Koyu tonlar
- CCC4B4
- AEA899
- 918C7F
- 757167
- 5B574F
- 413E38
- 292723
- 131210
- 030302
Gri tonlar
- E0D8C7
- D5CEBF
- CAC4B7
- BFBAAF
- B4B0A7
- A9A69F
- 9F9C97
- 94938F
- 8A8988
Renk uyumları
Tamamlayıcı +180°
- EBE2CF
Muscat Blanc
- DAE3F6
≈ Aquarelle Purple
Analog -30° +30°
- EBE2CF
Muscat Blanc
- F2DFD2
≈ Pink Scallop
- E2E5D1
≈ Bleached Jade
Üçlü +120° +240°
- EBE2CF
Muscat Blanc
- CFE8EC
≈ Coastal Mist
- EDDDED
≈ Divine Dove
Bölünmüş tamamlayıcı +150° +210°
- EBE2CF
Muscat Blanc
- D3E6F3
≈ New Heights
- E4E0F4
≈ Lingering Lilac
Dörtlü +90° +180° +270°
- EBE2CF
Muscat Blanc
- D1E9E2
≈ Aqua Glass
- DAE3F6
≈ Aquarelle Purple
- F3DCE3
≈ Lavender Moon
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.28:1 · APCA Lc 14
Ag
AAASiyah üzerinde
WCAG 16.31:1 · APCA Lc 90
En iyi metin rengi: #000000
WCAG 16.31:1 (AAA) · APCA Lc 90
Contrast pairs
Kod parçacıkları
CSS
:root {
--muscat-blanc: #ebe2cf;
--muscat-blanc-rgb: 235 226 207;
--muscat-blanc-oklch: oklch(0.915 0.027 85.7);
}
.element {
color: var(--muscat-blanc);
background-color: hsl(41 41% 87%);
border-color: oklch(0.915 0.027 85.7);
}Tailwind CSS v4
@theme {
--color-muscat-blanc: #ebe2cf;
--color-muscat-blanc-50: #f8f5ed;
--color-muscat-blanc-100: #ece7de;
--color-muscat-blanc-200: #d9d4c7;
--color-muscat-blanc-300: #bdb7a8;
--color-muscat-blanc-400: #a69e8d;
--color-muscat-blanc-500: #8e8572;
--color-muscat-blanc-600: #787161;
--color-muscat-blanc-700: #605a4d;
--color-muscat-blanc-800: #474238;
--color-muscat-blanc-900: #312d26;
--color-muscat-blanc-950: #1d1a15;
}SCSS
$muscat-blanc: #ebe2cf;
$muscat-blanc-rgb: 235, 226, 207;
$muscat-blanc-light: mix(#fff, $muscat-blanc, 20%);
$muscat-blanc-dark: mix(#000, $muscat-blanc, 20%);
.element {
color: $muscat-blanc;
box-shadow: 0 0 0 2px rgba($muscat-blanc, 0.35);
}