Adlandırılmış renk · #E4CCC3
Pout
Pout, #E4CCC3: rgb(228 204 195), hsl(16 38% 83%), oklch(0.863 0.03 41.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? → · Pout color name →
#E4CCC3
oklch(0.863 0.03 41.7)
Renk dönüşümleri
- HEX
- #e4ccc3
- RGB
- rgb(228 204 195)
- HSL
- hsl(16 38% 83%)
- HWB
- hwb(16 76% 11%)
- OKLCH
- oklch(0.863 0.03 41.7)
- OKLab
- oklab(0.863 0.022 0.02)
- CIE Lab
- lab(83.89 7.6 7.72)
- LCH
- lch(83.89 10.84 45.5)
- CMYK
- cmyk(0% 11% 14% 11%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E7D1C9
- EAD6CF
- ECDBD5
- EFE0DB
- F2E5E1
- F4EAE7
- F7F0ED
- FAF5F3
- FCFAF9
Koyu tonlar
- C6B1A9
- A99790
- 8D7E78
- 726560
- 584E4A
- 3F3734
- 282220
- 120F0E
- 030202
Gri tonlar
- DAC4BC
- CFBCB5
- C5B5AE
- BBADA8
- B1A5A1
- A79E9A
- 9D9694
- 938F8D
- 8A8786
Renk uyumları
Tamamlayıcı +180°
- E4CCC3
Pout
- BED7E0
≈ Blue Perennial
Analog -30° +30°
- E4CCC3
Pout
- E5CACD
≈ Pink Spinel
- DFCFBD
≈ Dainty Lace
Üçlü +120° +240°
- E4CCC3
Pout
- C2D8CC
≈ Fuchsite
- CED0E6
≈ Casa del Mar
Bölünmüş tamamlayıcı +150° +210°
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.53:1 · APCA Lc 25
Ag
AAASiyah üzerinde
WCAG 13.72:1 · APCA Lc 79
En iyi metin rengi: #000000
WCAG 13.72:1 (AAA) · APCA Lc 79
Contrast pairs
Kod parçacıkları
CSS
:root {
--pout: #e4ccc3;
--pout-rgb: 228 204 195;
--pout-oklch: oklch(0.863 0.03 41.7);
}
.element {
color: var(--pout);
background-color: hsl(16 38% 83%);
border-color: oklch(0.863 0.03 41.7);
}Tailwind CSS v4
@theme {
--color-pout: #e4ccc3;
--color-pout-50: #fdf3ee;
--color-pout-100: #f1e5e0;
--color-pout-200: #e0d1ca;
--color-pout-300: #c5b3ab;
--color-pout-400: #af9991;
--color-pout-500: #988077;
--color-pout-600: #816c65;
--color-pout-700: #675751;
--color-pout-800: #4c3f3b;
--color-pout-900: #352b28;
--color-pout-950: #201916;
}SCSS
$pout: #e4ccc3;
$pout-rgb: 228, 204, 195;
$pout-light: mix(#fff, $pout, 20%);
$pout-dark: mix(#000, $pout, 20%);
.element {
color: $pout;
box-shadow: 0 0 0 2px rgba($pout, 0.35);
}