لون مسمّى · #DBCDAD
Cotswold Dill
Cotswold Dill هو #DBCDAD: rgb(219 205 173)، hsl(42 39% 77%)، oklch(0.851 0.046 87.2). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Yellow mean? → · Cotswold Dill color name →
#DBCDAD
oklch(0.851 0.046 87.2)
تحويلات الألوان
- HEX
- #dbcdad
- RGB
- rgb(219 205 173)
- HSL
- hsl(42 39% 77%)
- HWB
- hwb(42 68% 14%)
- OKLCH
- oklch(0.851 0.046 87.2)
- OKLab
- oklab(0.851 0.002 0.045)
- CIE Lab
- lab(82.95 1.27 17.85)
- LCH
- lch(82.95 17.9 85.9)
- CMYK
- cmyk(0% 6% 21% 14%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- DFD2B5
- E2D7BD
- E6DCC5
- E9E1CE
- EDE6D6
- F1EBDE
- F4F0E6
- F8F5EE
- FBFAF7
درجات داكنة
- BEB296
- A2987F
- 877E6A
- 6D6655
- 544E41
- 3C382D
- 26231B
- 110F0B
- 020201
درجات رمادية
- D2C5A9
- C8BDA4
- BFB5A0
- B6AE9B
- ACA697
- A39E92
- 9A968E
- 918F89
- 898785
تناسق الألوان
متمم +180°
- DBCDAD
Cotswold Dill
- C1CEED
≈ Frost Fairy
متجاور -30° +30°
- DBCDAD
Cotswold Dill
- E6C7B2
≈ Novelle Peach
- CCD3B1
≈ Mint Soap
ثلاثي +120° +240°
- DBCDAD
Cotswold Dill
- ACD7DD
≈ Light Jellyfish Blue
- DFC4DE
≈ Simply Lavender
متمم منقسم +150° +210°
- DBCDAD
Cotswold Dill
- B3D3E9
≈ Chapel Blue
- D1C9E9
≈ Italian Fitch
رباعي +90° +180° +270°
- DBCDAD
Cotswold Dill
- B0D9CE
≈ Scandal
- C1CEED
≈ Frost Fairy
- E8C2CE
≈ Childlike
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.57:1 · APCA Lc 26
Ag
AAAعلى الأسود
WCAG 13.34:1 · APCA Lc 77
أفضل لون للنص: #000000
WCAG 13.34:1 (AAA) · APCA Lc 77
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--cotswold-dill: #dbcdad;
--cotswold-dill-rgb: 219 205 173;
--cotswold-dill-oklch: oklch(0.851 0.046 87.2);
}
.element {
color: var(--cotswold-dill);
background-color: hsl(42 39% 77%);
border-color: oklch(0.851 0.046 87.2);
}Tailwind CSS v4
@theme {
--color-cotswold-dill: #dbcdad;
--color-cotswold-dill-50: #faf5e7;
--color-cotswold-dill-100: #eee7d7;
--color-cotswold-dill-200: #dcd4bf;
--color-cotswold-dill-300: #c1b79d;
--color-cotswold-dill-400: #aa9d80;
--color-cotswold-dill-500: #938564;
--color-cotswold-dill-600: #7c7055;
--color-cotswold-dill-700: #645a43;
--color-cotswold-dill-800: #4a4130;
--color-cotswold-dill-900: #332d21;
--color-cotswold-dill-950: #1f1a10;
}SCSS
$cotswold-dill: #dbcdad;
$cotswold-dill-rgb: 219, 205, 173;
$cotswold-dill-light: mix(#fff, $cotswold-dill, 20%);
$cotswold-dill-dark: mix(#000, $cotswold-dill, 20%);
.element {
color: $cotswold-dill;
box-shadow: 0 0 0 2px rgba($cotswold-dill, 0.35);
}