لون مسمّى · #EBA0A7
Wood Nymph
Wood Nymph هو #EBA0A7: rgb(235 160 167)، hsl(354 65% 77%)، oklch(0.781 0.09 13.2). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Red mean? → · Wood Nymph color name →
#EBA0A7
oklch(0.781 0.09 13.2)
تحويلات الألوان
- HEX
- #eba0a7
- RGB
- rgb(235 160 167)
- HSL
- hsl(354 65% 77%)
- HWB
- hwb(354 63% 8%)
- OKLCH
- oklch(0.781 0.09 13.2)
- OKLab
- oklab(0.781 0.087 0.021)
- CIE Lab
- lab(73.56 29.35 8.32)
- LCH
- lch(73.56 30.5 15.8)
- CMYK
- cmyk(0% 32% 29% 8%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- EEAAB0
- F0B3B8
- F3BCC1
- F5C6C9
- F7CFD2
- F9D9DB
- FBE2E4
- FCECED
- FEF5F6
درجات داكنة
- CC8B91
- AE767B
- 916166
- 754E52
- 5B3B3E
- 41292C
- 29191A
- 13090A
- 030101
درجات رمادية
- E09DA3
- D69A9F
- CB979B
- C09497
- B69193
- AB8D8F
- A08A8C
- 968788
- 8B8384
تناسق الألوان
متمم +180°
- EBA0A7
Wood Nymph
- 6CCAC7
≈ Petrichor
متجاور -30° +30°
- EBA0A7
Wood Nymph
- E1A1C7
≈ Prettiest Pink
- E9A589
≈ Priceless Coral
ثلاثي +120° +240°
- EBA0A7
Wood Nymph
- A1C489
≈ Cos
- 8FBBF0
≈ Electric Eel
متمم منقسم +150° +210°
- EBA0A7
Wood Nymph
- 80CAA7
≈ Park Green Flat
- 73C5E2
≈ Hawaiian Breeze
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.07:1 · APCA Lc 40
Ag
AAAعلى الأسود
WCAG 10.11:1 · APCA Lc 62
أفضل لون للنص: #000000
WCAG 10.11:1 (AAA) · APCA Lc 62
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--wood-nymph: #eba0a7;
--wood-nymph-rgb: 235 160 167;
--wood-nymph-oklch: oklch(0.781 0.09 13.2);
}
.element {
color: var(--wood-nymph);
background-color: hsl(354 65% 77%);
border-color: oklch(0.781 0.09 13.2);
}Tailwind CSS v4
@theme {
--color-wood-nymph: #eba0a7;
--color-wood-nymph-50: #ffebed;
--color-wood-nymph-100: #ffdcde;
--color-wood-nymph-200: #f8c5c8;
--color-wood-nymph-300: #e2a5a8;
--color-wood-nymph-400: #ce888f;
--color-wood-nymph-500: #ba6c75;
--color-wood-nymph-600: #9d5c63;
--color-wood-nymph-700: #7e494f;
--color-wood-nymph-800: #5d353a;
--color-wood-nymph-900: #412428;
--color-wood-nymph-950: #2a1316;
}SCSS
$wood-nymph: #eba0a7;
$wood-nymph-rgb: 235, 160, 167;
$wood-nymph-light: mix(#fff, $wood-nymph, 20%);
$wood-nymph-dark: mix(#000, $wood-nymph, 20%);
.element {
color: $wood-nymph;
box-shadow: 0 0 0 2px rgba($wood-nymph, 0.35);
}