لون مسمّى · #EDDBD7
Cottingley Fairies
Cottingley Fairies هو #EDDBD7: rgb(237 219 215)، hsl(11 38% 89%)، oklch(0.905 0.021 32.5). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Gray mean? → · Cottingley Fairies color name →
#EDDBD7
oklch(0.905 0.021 32.5)
تحويلات الألوان
- HEX
- #eddbd7
- RGB
- rgb(237 219 215)
- HSL
- hsl(11 38% 89%)
- HWB
- hwb(11 84% 7%)
- OKLCH
- oklch(0.905 0.021 32.5)
- OKLab
- oklab(0.905 0.017 0.011)
- CIE Lab
- lab(88.8 5.9 4.32)
- LCH
- lch(88.8 7.32 36.2)
- CMYK
- cmyk(0% 8% 9% 7%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- EFDFDB
- F1E2DF
- F2E6E3
- F4E9E7
- F6EDEB
- F8F1EF
- FAF4F3
- FBF8F7
- FDFBFB
درجات داكنة
- CEBEBB
- B0A29F
- 938785
- 776D6B
- 5C5452
- 423C3B
- 2A2625
- 141111
- 030202
درجات رمادية
- E2D2CE
- D6C8C5
- CBBFBC
- C0B6B3
- B5ACAA
- AAA3A2
- 9F9A99
- 959191
- 8A8988
تناسق الألوان
متمم +180°
- EDDBD7
Cottingley Fairies
- D1E4E8
≈ Aqua Sparkle
متجاور -30° +30°
- EDDBD7
Cottingley Fairies
- ECDADE
≈ Sweet Bianca
- EADDD2
≈ Polite White
ثلاثي +120° +240°
- EDDBD7
Cottingley Fairies
- D6E4D9
≈ Whispering Frost
- DBDFEE
≈ Lower Lavender
متمم منقسم +150° +210°
- EDDBD7
Cottingley Fairies
- D2E4E1
≈ Meadowsweet Mist
- D4E2ED
≈ Ice Drop
رباعي +90° +180° +270°
- EDDBD7
Cottingley Fairies
- DDE2D3
≈ Moss Mist
- D1E4E8
≈ Aqua Sparkle
- E2DDEB
≈ Velvet Scarf
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.33:1 · APCA Lc 17
Ag
AAAعلى الأسود
WCAG 15.71:1 · APCA Lc 87
أفضل لون للنص: #000000
WCAG 15.71:1 (AAA) · APCA Lc 87
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--cottingley-fairies: #eddbd7;
--cottingley-fairies-rgb: 237 219 215;
--cottingley-fairies-oklch: oklch(0.905 0.021 32.5);
}
.element {
color: var(--cottingley-fairies);
background-color: hsl(11 38% 89%);
border-color: oklch(0.905 0.021 32.5);
}Tailwind CSS v4
@theme {
--color-cottingley-fairies: #eddbd7;
--color-cottingley-fairies-50: #fbf3f1;
--color-cottingley-fairies-100: #efe6e3;
--color-cottingley-fairies-200: #ddd1ce;
--color-cottingley-fairies-300: #c2b4b0;
--color-cottingley-fairies-400: #aa9a97;
--color-cottingley-fairies-500: #93827e;
--color-cottingley-fairies-600: #7d6e6a;
--color-cottingley-fairies-700: #645855;
--color-cottingley-fairies-800: #49403e;
--color-cottingley-fairies-900: #332c2b;
--color-cottingley-fairies-950: #1f1918;
}SCSS
$cottingley-fairies: #eddbd7;
$cottingley-fairies-rgb: 237, 219, 215;
$cottingley-fairies-light: mix(#fff, $cottingley-fairies, 20%);
$cottingley-fairies-dark: mix(#000, $cottingley-fairies, 20%);
.element {
color: $cottingley-fairies;
box-shadow: 0 0 0 2px rgba($cottingley-fairies, 0.35);
}