Nazwany kolor · #EBA0A7
Wood Nymph
Wood Nymph to #EBA0A7: rgb(235 160 167), hsl(354 65% 77%), oklch(0.781 0.09 13.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Wood Nymph color name →
#EBA0A7
oklch(0.781 0.09 13.2)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- EEAAB0
- F0B3B8
- F3BCC1
- F5C6C9
- F7CFD2
- F9D9DB
- FBE2E4
- FCECED
- FEF5F6
Odcienie ciemniejsze
- CC8B91
- AE767B
- 916166
- 754E52
- 5B3B3E
- 41292C
- 29191A
- 13090A
- 030101
Tony
- E09DA3
- D69A9F
- CB979B
- C09497
- B69193
- AB8D8F
- A08A8C
- 968788
- 8B8384
Harmonie kolorów
Komplementarna +180°
- EBA0A7
Wood Nymph
- 6CCAC7
≈ Petrichor
Analogowa -30° +30°
- EBA0A7
Wood Nymph
- E1A1C7
≈ Prettiest Pink
- E9A589
≈ Priceless Coral
Triada +120° +240°
- EBA0A7
Wood Nymph
- A1C489
≈ Cos
- 8FBBF0
≈ Electric Eel
Komplementarna rozszczepiona +150° +210°
- EBA0A7
Wood Nymph
- 80CAA7
≈ Park Green Flat
- 73C5E2
≈ Hawaiian Breeze
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.07:1 · APCA Lc 40
Ag
AAANa czerni
WCAG 10.11:1 · APCA Lc 62
Najlepszy kolor tekstu: #000000
WCAG 10.11:1 (AAA) · APCA Lc 62
Contrast pairs
Fragmenty kodu
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);
}