لون مسمّى · #E1CFAF
Creamy Chenille
Creamy Chenille هو #E1CFAF: rgb(225 207 175)، hsl(38 45% 78%)، oklch(0.861 0.047 82). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Orange mean? → · Creamy Chenille color name →
#E1CFAF
oklch(0.861 0.047 82)
تحويلات الألوان
- HEX
- #e1cfaf
- RGB
- rgb(225 207 175)
- HSL
- hsl(38 45% 78%)
- HWB
- hwb(38 69% 12%)
- OKLCH
- oklch(0.861 0.047 82)
- OKLab
- oklab(0.861 0.007 0.047)
- CIE Lab
- lab(84.01 2.78 18.36)
- LCH
- lch(84.01 18.57 81.4)
- CMYK
- cmyk(0% 8% 22% 12%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- E4D4B7
- E7D9BF
- EADDC7
- EDE2CF
- F0E7D7
- F3ECDF
- F6F1E7
- F9F5EF
- FCFAF7
درجات داكنة
- C4B498
- A79981
- 8B7F6B
- 706756
- 564F41
- 3E382E
- 27231C
- 12100B
- 020201
درجات رمادية
- D7C7AA
- CDBFA6
- C3B7A1
- B9AF9C
- AFA798
- A69F93
- 9C978E
- 938F89
- 898885
تناسق الألوان
متمم +180°
- E1CFAF
Creamy Chenille
- C1D2F1
≈ Mr. Glass
متجاور -30° +30°
- E1CFAF
Creamy Chenille
- ECC9B6
≈ Renaissance Fresco
- D1D5B2
≈ Orinoco
ثلاثي +120° +240°
- E1CFAF
Creamy Chenille
- AEDBDF
≈ Daly Waters
- E1C8E4
≈ Syrian Violet
متمم منقسم +150° +210°
- E1CFAF
Creamy Chenille
- B3D8EB
≈ New Prince
- D1CCEF
≈ Miami White
رباعي +90° +180° +270°
- E1CFAF
Creamy Chenille
- B3DCCE
≈ Brook Green
- C1D2F1
≈ Mr. Glass
- EBC5D4
≈ Desire Pink
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.52:1 · APCA Lc 24
Ag
AAAعلى الأسود
WCAG 13.74:1 · APCA Lc 79
أفضل لون للنص: #000000
WCAG 13.74:1 (AAA) · APCA Lc 79
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--creamy-chenille: #e1cfaf;
--creamy-chenille-rgb: 225 207 175;
--creamy-chenille-oklch: oklch(0.861 0.047 82);
}
.element {
color: var(--creamy-chenille);
background-color: hsl(38 45% 78%);
border-color: oklch(0.861 0.047 82);
}Tailwind CSS v4
@theme {
--color-creamy-chenille: #e1cfaf;
--color-creamy-chenille-50: #fcf4e6;
--color-creamy-chenille-100: #efe7d7;
--color-creamy-chenille-200: #ded3be;
--color-creamy-chenille-300: #c3b69d;
--color-creamy-chenille-400: #ad9c7f;
--color-creamy-chenille-500: #968462;
--color-creamy-chenille-600: #7f6f54;
--color-creamy-chenille-700: #665943;
--color-creamy-chenille-800: #4b4130;
--color-creamy-chenille-900: #342d20;
--color-creamy-chenille-950: #201a10;
}SCSS
$creamy-chenille: #e1cfaf;
$creamy-chenille-rgb: 225, 207, 175;
$creamy-chenille-light: mix(#fff, $creamy-chenille, 20%);
$creamy-chenille-dark: mix(#000, $creamy-chenille, 20%);
.element {
color: $creamy-chenille;
box-shadow: 0 0 0 2px rgba($creamy-chenille, 0.35);
}