이름 색상 · #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);
}