Adlandırılmış renk · #EBA0A7
Wood Nymph
Wood Nymph, #EBA0A7: rgb(235 160 167), hsl(354 65% 77%), oklch(0.781 0.09 13.2). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Wood Nymph color name →
#EBA0A7
oklch(0.781 0.09 13.2)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- EEAAB0
- F0B3B8
- F3BCC1
- F5C6C9
- F7CFD2
- F9D9DB
- FBE2E4
- FCECED
- FEF5F6
Koyu tonlar
- CC8B91
- AE767B
- 916166
- 754E52
- 5B3B3E
- 41292C
- 29191A
- 13090A
- 030101
Gri tonlar
- E09DA3
- D69A9F
- CB979B
- C09497
- B69193
- AB8D8F
- A08A8C
- 968788
- 8B8384
Renk uyumları
Tamamlayıcı +180°
- EBA0A7
Wood Nymph
- 6CCAC7
≈ Petrichor
Analog -30° +30°
- EBA0A7
Wood Nymph
- E1A1C7
≈ Prettiest Pink
- E9A589
≈ Priceless Coral
Üçlü +120° +240°
- EBA0A7
Wood Nymph
- A1C489
≈ Cos
- 8FBBF0
≈ Electric Eel
Bölünmüş tamamlayıcı +150° +210°
- EBA0A7
Wood Nymph
- 80CAA7
≈ Park Green Flat
- 73C5E2
≈ Hawaiian Breeze
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.07:1 · APCA Lc 40
Ag
AAASiyah üzerinde
WCAG 10.11:1 · APCA Lc 62
En iyi metin rengi: #000000
WCAG 10.11:1 (AAA) · APCA Lc 62
Contrast pairs
Kod parçacıkları
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);
}