이름 색상 · #7DCC98
Garden Glow
Garden Glow은(는) #7DCC98: rgb(125 204 152), hsl(141 44% 65%), oklch(0.78 0.108 154.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Garden Glow color name →
#7DCC98
oklch(0.78 0.108 154.3)
색상 변환
- HEX
- #7dcc98
- RGB
- rgb(125 204 152)
- HSL
- hsl(141 44% 65%)
- HWB
- hwb(141 49% 20%)
- OKLCH
- oklch(0.78 0.108 154.3)
- OKLab
- oklab(0.78 -0.098 0.047)
- CIE Lab
- lab(75.92 -33.88 18.04)
- LCH
- lch(75.92 38.38 152)
- CMYK
- cmyk(39% 0% 25% 20%)
틴트 · 셰이드 · 톤
틴트
- 8BD1A2
- 99D6AC
- A6DCB6
- B3E1C1
- C0E6CB
- CDEBD5
- D9F0E0
- E6F5EA
- F2FAF4
셰이드
- 6CB184
- 5B9770
- 4B7E5C
- 3B654A
- 2C4E38
- 1E3727
- 112217
- 050F08
- 010201
톤
- 7EC496
- 80BD93
- 81B591
- 81AD8F
- 82A68C
- 829E8A
- 829788
- 818F85
- 818783
색 조화
보색 +180°
- 7DCC98
Garden Glow
- E29DD4
≈ Exotic Violet
유사색 -30° +30°
- 7DCC98
Garden Glow
- A9C375
≈ Valley View
- 58CEBF
≈ Peppy Peacock
삼각 배색 +120° +240°
- 7DCC98
Garden Glow
- A2B2FD
≈ Wondrous Wisteria
- F49E89
≈ Poppy Petal
분열 보색 +150° +210°
- 7DCC98
Garden Glow
- C7A6F0
≈ Lavender Cream
- F29AAF
≈ Flower Girl
사각 배색 +90° +180° +270°
- 7DCC98
Garden Glow
- 79BFF8
≈ Maya Blue
- E29DD4
≈ Exotic Violet
- E8A86B
≈ Ninjin Orange
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.91:1 · APCA Lc 36
Ag
AAA검은색 위
WCAG 10.96:1 · APCA Lc 66
가장 좋은 글자색: #000000
WCAG 10.96:1 (AAA) · APCA Lc 66
Contrast pairs
코드 스니펫
CSS
:root {
--garden-glow: #7dcc98;
--garden-glow-rgb: 125 204 152;
--garden-glow-oklch: oklch(0.78 0.108 154.3);
}
.element {
color: var(--garden-glow);
background-color: hsl(141 44% 65%);
border-color: oklch(0.78 0.108 154.3);
}Tailwind CSS v4
@theme {
--color-garden-glow: #7dcc98;
--color-garden-glow-50: #ddffe9;
--color-garden-glow-100: #ccf3d9;
--color-garden-glow-200: #afe3c1;
--color-garden-glow-300: #89c8a1;
--color-garden-glow-400: #68b181;
--color-garden-glow-500: #419b65;
--color-garden-glow-600: #398356;
--color-garden-glow-700: #2d6944;
--color-garden-glow-800: #214d2f;
--color-garden-glow-900: #163620;
--color-garden-glow-950: #072110;
}SCSS
$garden-glow: #7dcc98;
$garden-glow-rgb: 125, 204, 152;
$garden-glow-light: mix(#fff, $garden-glow, 20%);
$garden-glow-dark: mix(#000, $garden-glow, 20%);
.element {
color: $garden-glow;
box-shadow: 0 0 0 2px rgba($garden-glow, 0.35);
}