Nazwany kolor · #AEC2A5
Nymph Green
Nymph Green to #AEC2A5: rgb(174 194 165), hsl(101 19% 70%), oklch(0.791 0.046 135.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Nymph Green color name →
#AEC2A5
oklch(0.791 0.046 135.9)
Konwersje koloru
- HEX
- #aec2a5
- RGB
- rgb(174 194 165)
- HSL
- hsl(101 19% 70%)
- HWB
- hwb(101 65% 24%)
- OKLCH
- oklch(0.791 0.046 135.9)
- OKLab
- oklab(0.791 -0.033 0.032)
- CIE Lab
- lab(76.3 -11.11 12.23)
- LCH
- lch(76.3 16.52 132.2)
- CMYK
- cmyk(10% 0% 15% 24%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B6C8AE
- BECEB7
- C6D4BF
- CEDAC8
- D6E0D1
- DEE6DA
- E6ECE3
- EEF3ED
- F7F9F6
Odcienie ciemniejsze
- 97A88F
- 808F79
- 6A7765
- 556051
- 41493D
- 2E342B
- 1C201A
- 0B0E0A
- 010201
Tony
- A9BBA1
- A5B49E
- A0AE9A
- 9BA796
- 97A092
- 929A8F
- 8E938B
- 898D87
- 858684
Harmonie kolorów
Komplementarna +180°
- AEC2A5
Nymph Green
- C7B2CF
≈ Windsor Purple
Analogowa -30° +30°
- AEC2A5
Nymph Green
- BEBD9C
≈ Esprit
- A0C5B4
≈ Green Silk
Triada +120° +240°
- AEC2A5
Nymph Green
- A8BDD9
≈ September Aster
- D7B0B1
≈ Radiant Rouge
Komplementarna rozszczepiona +150° +210°
- AEC2A5
Nymph Green
- B8B7D8
≈ Wild Orchid Blue
- D2B0C1
≈ Tranquil Dusk
Tetrada +90° +180° +270°
- AEC2A5
Nymph Green
- 9CC2D2
≈ June
- C7B2CF
≈ Windsor Purple
- D5B2A3
≈ Sandpaper
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.89:1 · APCA Lc 36
Ag
AAANa czerni
WCAG 11.05:1 · APCA Lc 66
Najlepszy kolor tekstu: #000000
WCAG 11.05:1 (AAA) · APCA Lc 66
Contrast pairs
Fragmenty kodu
CSS
:root {
--nymph-green: #aec2a5;
--nymph-green-rgb: 174 194 165;
--nymph-green-oklch: oklch(0.791 0.046 135.9);
}
.element {
color: var(--nymph-green);
background-color: hsl(101 19% 70%);
border-color: oklch(0.791 0.046 135.9);
}Tailwind CSS v4
@theme {
--color-nymph-green: #aec2a5;
--color-nymph-green-50: #eff8ec;
--color-nymph-green-100: #e1ecdd;
--color-nymph-green-200: #cbd9c6;
--color-nymph-green-300: #acbda7;
--color-nymph-green-400: #93a58a;
--color-nymph-green-500: #798d6f;
--color-nymph-green-600: #66785e;
--color-nymph-green-700: #52604b;
--color-nymph-green-800: #3c4636;
--color-nymph-green-900: #293025;
--color-nymph-green-950: #171d13;
}SCSS
$nymph-green: #aec2a5;
$nymph-green-rgb: 174, 194, 165;
$nymph-green-light: mix(#fff, $nymph-green, 20%);
$nymph-green-dark: mix(#000, $nymph-green, 20%);
.element {
color: $nymph-green;
box-shadow: 0 0 0 2px rgba($nymph-green, 0.35);
}