이름 색상 · #7DC683
Garden Stroll
Garden Stroll은(는) #7DC683: rgb(125 198 131), hsl(125 39% 63%), oklch(0.761 0.12 146.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Garden Stroll color name →
#7DC683
oklch(0.761 0.12 146.2)
색상 변환
- HEX
- #7dc683
- RGB
- rgb(125 198 131)
- HSL
- hsl(125 39% 63%)
- HWB
- hwb(125 49% 22%)
- OKLCH
- oklch(0.761 0.12 146.2)
- OKLab
- oklab(0.761 -0.1 0.067)
- CIE Lab
- lab(73.82 -34.13 26.18)
- LCH
- lch(73.82 43.01 142.5)
- CMYK
- cmyk(37% 0% 34% 22%)
틴트 · 셰이드 · 톤
틴트
- 8BCC8F
- 98D29C
- A5D7A8
- B2DDB4
- BFE3C1
- CCE9CD
- D9EED9
- E5F4E6
- F2F9F2
셰이드
- 6CAC71
- 5B9260
- 4B7A4F
- 3B623F
- 2C4B2F
- 1E3520
- 112112
- 050E06
- 010201
톤
- 7EBF83
- 7FB883
- 80B183
- 81AA83
- 81A383
- 819C82
- 819582
- 818E81
- 818781
색 조화
보색 +180°
- 7DC683
Garden Stroll
- D996DA
≈ Somewhere in a Fairytale
유사색 -30° +30°
- 7DC683
Garden Stroll
- ADBB5D
≈ Middle Green Yellow
- 49CAAF
≈ Disc Jockey
삼각 배색 +120° +240°
- 7DC683
Garden Stroll
- 8EAFFE
≈ Kitten’s Eye
- F49289
≈ Ibis Wing
분열 보색 +150° +210°
- 7DC683
Garden Stroll
- B8A1F5
≈ Lavender Cream
- EE90B4
≈ Astilbe
사각 배색 +90° +180° +270°
- 7DC683
Garden Stroll
- 5DBDF3
≈ Clean Pool
- D996DA
≈ Somewhere in a Fairytale
- EB9D63
≈ Florida Mango
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.04:1 · APCA Lc 40
Ag
AAA검은색 위
WCAG 10.27:1 · APCA Lc 63
가장 좋은 글자색: #000000
WCAG 10.27:1 (AAA) · APCA Lc 63
Contrast pairs
코드 스니펫
CSS
:root {
--garden-stroll: #7dc683;
--garden-stroll-rgb: 125 198 131;
--garden-stroll-oklch: oklch(0.761 0.12 146.2);
}
.element {
color: var(--garden-stroll);
background-color: hsl(125 39% 63%);
border-color: oklch(0.761 0.12 146.2);
}Tailwind CSS v4
@theme {
--color-garden-stroll: #7dc683;
--color-garden-stroll-50: #dfffe2;
--color-garden-stroll-100: #cef4d2;
--color-garden-stroll-200: #b2e3b8;
--color-garden-stroll-300: #8dc995;
--color-garden-stroll-400: #6db173;
--color-garden-stroll-500: #4a9b53;
--color-garden-stroll-600: #408347;
--color-garden-stroll-700: #336939;
--color-garden-stroll-800: #264d26;
--color-garden-stroll-900: #19351a;
--color-garden-stroll-950: #09200a;
}SCSS
$garden-stroll: #7dc683;
$garden-stroll-rgb: 125, 198, 131;
$garden-stroll-light: mix(#fff, $garden-stroll, 20%);
$garden-stroll-dark: mix(#000, $garden-stroll, 20%);
.element {
color: $garden-stroll;
box-shadow: 0 0 0 2px rgba($garden-stroll, 0.35);
}