لون مسمّى · #DAD5C7
Hog’s Pudding
Hog’s Pudding هو #DAD5C7: rgb(218 213 199)، hsl(44 20% 82%)، oklch(0.873 0.02 90.6). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Gray mean? → · Hog’s Pudding color name →
#DAD5C7
oklch(0.873 0.02 90.6)
تحويلات الألوان
- HEX
- #dad5c7
- RGB
- rgb(218 213 199)
- HSL
- hsl(44 20% 82%)
- HWB
- hwb(44 78% 15%)
- OKLCH
- oklch(0.873 0.02 90.6)
- OKLab
- oklab(0.873 0 0.02)
- CIE Lab
- lab(85.38 -0.01 7.59)
- LCH
- lch(85.38 7.59 90.1)
- CMYK
- cmyk(0% 2% 9% 15%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- DED9CD
- E1DDD2
- E5E1D8
- E9E6DD
- ECEAE3
- F0EEE8
- F4F2EE
- F8F7F4
- FBFBF9
درجات داكنة
- BDB9AD
- A29E93
- 87837A
- 6C6A62
- 54514C
- 3C3A36
- 252421
- 11100E
- 020202
درجات رمادية
- D1CCC0
- C7C3B8
- BEBBB1
- B5B2AA
- ACAAA3
- A3A19C
- 9A9995
- 91908E
- 898887
تناسق الألوان
متمم +180°
- DAD5C7
Hog’s Pudding
- D0D5E3
≈ Morning Chill
متجاور -30° +30°
- DAD5C7
Hog’s Pudding
- DFD3C9
≈ Light Christobel
- D3D7C9
≈ Light Green Alabaster
ثلاثي +120° +240°
- DAD5C7
Hog’s Pudding
- C7D9DC
≈ Wan Blue
- DDD1DB
≈ Light Bassinet
متمم منقسم +150° +210°
- DAD5C7
Hog’s Pudding
- CAD7E1
≈ Blue Reflection
- D7D3E1
≈ Delicate Lilac Crystal
رباعي +90° +180° +270°
- DAD5C7
Hog’s Pudding
- C8DAD6
≈ Cool Mint
- D0D5E3
≈ Morning Chill
- E1D0D4
≈ Santolina Blooms
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.46:1 · APCA Lc 22
Ag
AAAعلى الأسود
WCAG 14.32:1 · APCA Lc 81
أفضل لون للنص: #000000
WCAG 14.32:1 (AAA) · APCA Lc 81
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--hog-s-pudding: #dad5c7;
--hog-s-pudding-rgb: 218 213 199;
--hog-s-pudding-oklch: oklch(0.873 0.02 90.6);
}
.element {
color: var(--hog-s-pudding);
background-color: hsl(44 20% 82%);
border-color: oklch(0.873 0.02 90.6);
}Tailwind CSS v4
@theme {
--color-hog-s-pudding: #dad5c7;
--color-hog-s-pudding-50: #f7f5ef;
--color-hog-s-pudding-100: #eae8e1;
--color-hog-s-pudding-200: #d7d4cb;
--color-hog-s-pudding-300: #bbb7ac;
--color-hog-s-pudding-400: #a39e92;
--color-hog-s-pudding-500: #8b8678;
--color-hog-s-pudding-600: #767165;
--color-hog-s-pudding-700: #5e5b51;
--color-hog-s-pudding-800: #45423b;
--color-hog-s-pudding-900: #302e28;
--color-hog-s-pudding-950: #1c1a16;
}SCSS
$hog-s-pudding: #dad5c7;
$hog-s-pudding-rgb: 218, 213, 199;
$hog-s-pudding-light: mix(#fff, $hog-s-pudding, 20%);
$hog-s-pudding-dark: mix(#000, $hog-s-pudding, 20%);
.element {
color: $hog-s-pudding;
box-shadow: 0 0 0 2px rgba($hog-s-pudding, 0.35);
}