이름 색상 · #AEC2A5
Nymph Green
Nymph Green은(는) #AEC2A5: rgb(174 194 165), hsl(101 19% 70%), oklch(0.791 0.046 135.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Nymph Green color name →
#AEC2A5
oklch(0.791 0.046 135.9)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- B6C8AE
- BECEB7
- C6D4BF
- CEDAC8
- D6E0D1
- DEE6DA
- E6ECE3
- EEF3ED
- F7F9F6
셰이드
- 97A88F
- 808F79
- 6A7765
- 556051
- 41493D
- 2E342B
- 1C201A
- 0B0E0A
- 010201
톤
- A9BBA1
- A5B49E
- A0AE9A
- 9BA796
- 97A092
- 929A8F
- 8E938B
- 898D87
- 858684
색 조화
보색 +180°
- AEC2A5
Nymph Green
- C7B2CF
≈ Windsor Purple
유사색 -30° +30°
- AEC2A5
Nymph Green
- BEBD9C
≈ Esprit
- A0C5B4
≈ Green Silk
삼각 배색 +120° +240°
- AEC2A5
Nymph Green
- A8BDD9
≈ September Aster
- D7B0B1
≈ Radiant Rouge
분열 보색 +150° +210°
- AEC2A5
Nymph Green
- B8B7D8
≈ Wild Orchid Blue
- D2B0C1
≈ Tranquil Dusk
사각 배색 +90° +180° +270°
- AEC2A5
Nymph Green
- 9CC2D2
≈ June
- C7B2CF
≈ Windsor Purple
- D5B2A3
≈ Sandpaper
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.89:1 · APCA Lc 36
Ag
AAA검은색 위
WCAG 11.05:1 · APCA Lc 66
가장 좋은 글자색: #000000
WCAG 11.05:1 (AAA) · APCA Lc 66
Contrast pairs
코드 스니펫
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);
}