لون مسمّى · #D8C8BE
Curly Maple
Curly Maple هو #D8C8BE: rgb(216 200 190)، hsl(23 25% 80%)، oklch(0.843 0.023 54.3). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Gray mean? → · Curly Maple color name →
#D8C8BE
oklch(0.843 0.023 54.3)
تحويلات الألوان
- HEX
- #d8c8be
- RGB
- rgb(216 200 190)
- HSL
- hsl(23 25% 80%)
- HWB
- hwb(23 75% 15%)
- OKLCH
- oklch(0.843 0.023 54.3)
- OKLab
- oklab(0.843 0.013 0.018)
- CIE Lab
- lab(81.73 4.54 7.14)
- LCH
- lch(81.73 8.47 57.5)
- CMYK
- cmyk(0% 7% 12% 15%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- DCCDC4
- E0D3CB
- E4D8D1
- E8DED8
- EBE3DE
- EFE9E5
- F3EEEB
- F7F4F2
- FBF9F8
درجات داكنة
- BCAEA5
- A0948C
- 857B75
- 6B635E
- 534C48
- 3B3633
- 25211F
- 110F0D
- 020202
درجات رمادية
- CFC1B8
- C6B9B1
- BDB2AB
- B4ABA5
- ABA39E
- A29C98
- 9A9592
- 918E8C
- 888786
تناسق الألوان
متمم +180°
- D8C8BE
Curly Maple
- BECED8
≈ Keepsake
متجاور -30° +30°
- D8C8BE
Curly Maple
- DAC6C4
≈ Fairview Taupe
- D2CBBB
≈ Shoreline Haze
ثلاثي +120° +240°
- D8C8BE
Curly Maple
- BDD1CA
≈ Sonoma Sky
- CCC9D9
≈ Magic Scent
متمم منقسم +150° +210°
- D8C8BE
Curly Maple
- BBD0D2
≈ Detroit
- C4CCDB
≈ Lavender Steel
رباعي +90° +180° +270°
- D8C8BE
Curly Maple
- C3D0C2
≈ Dewkist
- BECED8
≈ Keepsake
- D3C7D4
≈ Enchant
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.62:1 · APCA Lc 28
Ag
AAAعلى الأسود
WCAG 12.92:1 · APCA Lc 75
أفضل لون للنص: #000000
WCAG 12.92:1 (AAA) · APCA Lc 75
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--curly-maple: #d8c8be;
--curly-maple-rgb: 216 200 190;
--curly-maple-oklch: oklch(0.843 0.023 54.3);
}
.element {
color: var(--curly-maple);
background-color: hsl(23 25% 80%);
border-color: oklch(0.843 0.023 54.3);
}Tailwind CSS v4
@theme {
--color-curly-maple: #d8c8be;
--color-curly-maple-50: #faf4ef;
--color-curly-maple-100: #eee6e1;
--color-curly-maple-200: #dcd2cb;
--color-curly-maple-300: #c1b5ac;
--color-curly-maple-400: #aa9b92;
--color-curly-maple-500: #938378;
--color-curly-maple-600: #7c6e66;
--color-curly-maple-700: #635851;
--color-curly-maple-800: #49403b;
--color-curly-maple-900: #332c29;
--color-curly-maple-950: #1e1917;
}SCSS
$curly-maple: #d8c8be;
$curly-maple-rgb: 216, 200, 190;
$curly-maple-light: mix(#fff, $curly-maple, 20%);
$curly-maple-dark: mix(#000, $curly-maple, 20%);
.element {
color: $curly-maple;
box-shadow: 0 0 0 2px rgba($curly-maple, 0.35);
}