Adlandırılmış renk · #E9DECF
Moderate White
Moderate White, #E9DECF: rgb(233 222 207), hsl(35 37% 86%), oklch(0.905 0.023 75.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? → · Moderate White color name →
#E9DECF
oklch(0.905 0.023 75.8)
Renk dönüşümleri
- HEX
- #e9decf
- RGB
- rgb(233 222 207)
- HSL
- hsl(35 37% 86%)
- HWB
- hwb(35 81% 9%)
- OKLCH
- oklch(0.905 0.023 75.8)
- OKLab
- oklab(0.905 0.006 0.023)
- CIE Lab
- lab(89.05 2.03 8.8)
- LCH
- lch(89.05 9.03 77)
- CMYK
- cmyk(0% 5% 11% 9%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- EBE1D4
- EDE5D9
- F0E8DD
- F2EBE2
- F4EEE7
- F6F2EC
- F8F5F0
- FBF8F5
- FDFCFA
Koyu tonlar
- CBC1B4
- ADA599
- 90897F
- 746F67
- 5A554F
- 413D38
- 292623
- 131210
- 030202
Gri tonlar
- DED4C7
- D3CABF
- C8C1B7
- BEB7AF
- B3AEA7
- A9A49F
- 9E9B97
- 94928F
- 8A8988
Renk uyumları
Tamamlayıcı +180°
- E9DECF
Moderate White
- D6E1F0
≈ Aquarelle Purple
Analog -30° +30°
- E9DECF
Moderate White
- EEDBD3
≈ Blushing Bride
- E1E1CF
≈ Emerging Leaf
Üçlü +120° +240°
- E9DECF
Moderate White
- CFE5E5
≈ Zircon Ice
- E6DBEB
≈ Princess Fairy Tale
Bölünmüş tamamlayıcı +150° +210°
- E9DECF
Moderate White
- D0E3EC
≈ Soft Cloud
- DEDEEF
≈ Artemis Silver
Dörtlü +90° +180° +270°
- E9DECF
Moderate White
- D2E5DC
≈ Summer Breeze
- D6E1F0
≈ Aquarelle Purple
- ECDAE3
≈ Twinkled Pink
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.32:1 · APCA Lc 16
Ag
AAASiyah üzerinde
WCAG 15.81:1 · APCA Lc 88
En iyi metin rengi: #000000
WCAG 15.81:1 (AAA) · APCA Lc 88
Contrast pairs
Kod parçacıkları
CSS
:root {
--moderate-white: #e9decf;
--moderate-white-rgb: 233 222 207;
--moderate-white-oklch: oklch(0.905 0.023 75.8);
}
.element {
color: var(--moderate-white);
background-color: hsl(35 37% 86%);
border-color: oklch(0.905 0.023 75.8);
}Tailwind CSS v4
@theme {
--color-moderate-white: #e9decf;
--color-moderate-white-50: #f9f4ee;
--color-moderate-white-100: #ece7df;
--color-moderate-white-200: #dad3c9;
--color-moderate-white-300: #beb6aa;
--color-moderate-white-400: #a79d8f;
--color-moderate-white-500: #8f8475;
--color-moderate-white-600: #797063;
--color-moderate-white-700: #615a4f;
--color-moderate-white-800: #47413a;
--color-moderate-white-900: #312d27;
--color-moderate-white-950: #1d1a16;
}SCSS
$moderate-white: #e9decf;
$moderate-white-rgb: 233, 222, 207;
$moderate-white-light: mix(#fff, $moderate-white, 20%);
$moderate-white-dark: mix(#000, $moderate-white, 20%);
.element {
color: $moderate-white;
box-shadow: 0 0 0 2px rgba($moderate-white, 0.35);
}