命名颜色 · #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);
}