Adlandırılmış renk · #EBE8E2
Porcelain Mould
Porcelain Mould, #EBE8E2: rgb(235 232 226), hsl(40 18% 90%), oklch(0.932 0.009 84.6). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Porcelain Mould color name →
#EBE8E2
oklch(0.932 0.009 84.6)
Renk dönüşümleri
- HEX
- #ebe8e2
- RGB
- rgb(235 232 226)
- HSL
- hsl(40 18% 90%)
- HWB
- hwb(40 89% 8%)
- OKLCH
- oklch(0.932 0.009 84.6)
- OKLab
- oklab(0.932 0.001 0.009)
- CIE Lab
- lab(92.11 0.27 3.3)
- LCH
- lch(92.11 3.31 85.4)
- CMYK
- cmyk(0% 1% 4% 8%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- EDEAE5
- EFEDE8
- F1EFEB
- F3F1EE
- F5F3F0
- F7F6F3
- F9F8F6
- FBFAF9
- FDFDFC
Koyu tonlar
- CCCAC4
- AEACA8
- 91908C
- 757471
- 5B5957
- 41403E
- 292927
- 131312
- 030303
Gri tonlar
- E0DDD8
- D5D2CE
- CAC8C4
- BFBDBA
- B4B3B0
- A9A8A6
- 9F9E9C
- 949493
- 8A8A89
Renk uyumları
Tamamlayıcı +180°
- EBE8E2
Porcelain Mould
- E5E8EE
≈ Purple Crystal
Analog -30° +30°
- EBE8E2
Porcelain Mould
- EDE7E3
≈ Forever Faithful
- E8E9E3
≈ Spoonful of Sugar
Üçlü +120° +240°
- EBE8E2
Porcelain Mould
- E2EAEB
≈ Plaster Cast
- EBE6EC
≈ Easter Bunny
Bölünmüş tamamlayıcı +150° +210°
- EBE8E2
Porcelain Mould
- E3E9ED
≈ Calla Lily
- E8E7EE
≈ Cool Frost
Dörtlü +90° +180° +270°
- EBE8E2
Porcelain Mould
- E3EAE8
≈ Clear View
- E5E8EE
≈ Purple Crystal
- EDE6E9
≈ Wedding
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.22:1 · APCA Lc 11
Ag
AAASiyah üzerinde
WCAG 17.17:1 · APCA Lc 93
En iyi metin rengi: #000000
WCAG 17.17:1 (AAA) · APCA Lc 93
Contrast pairs
Kod parçacıkları
CSS
:root {
--porcelain-mould: #ebe8e2;
--porcelain-mould-rgb: 235 232 226;
--porcelain-mould-oklch: oklch(0.932 0.009 84.6);
}
.element {
color: var(--porcelain-mould);
background-color: hsl(40 18% 90%);
border-color: oklch(0.932 0.009 84.6);
}Tailwind CSS v4
@theme {
--color-porcelain-mould: #ebe8e2;
--color-porcelain-mould-50: #f6f5f2;
--color-porcelain-mould-100: #e9e8e5;
--color-porcelain-mould-200: #d6d4d0;
--color-porcelain-mould-300: #b9b7b2;
--color-porcelain-mould-400: #a19e99;
--color-porcelain-mould-500: #898680;
--color-porcelain-mould-600: #74716c;
--color-porcelain-mould-700: #5d5b56;
--color-porcelain-mould-800: #44423f;
--color-porcelain-mould-900: #2f2e2b;
--color-porcelain-mould-950: #1b1a19;
}SCSS
$porcelain-mould: #ebe8e2;
$porcelain-mould-rgb: 235, 232, 226;
$porcelain-mould-light: mix(#fff, $porcelain-mould, 20%);
$porcelain-mould-dark: mix(#000, $porcelain-mould, 20%);
.element {
color: $porcelain-mould;
box-shadow: 0 0 0 2px rgba($porcelain-mould, 0.35);
}