이름 색상 · #A5CF7E
Greenscape
Greenscape은(는) #A5CF7E: rgb(165 207 126), hsl(91 46% 65%), oklch(0.805 0.117 130.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Greenscape color name →
#A5CF7E
oklch(0.805 0.117 130.9)
색상 변환
- HEX
- #a5cf7e
- RGB
- rgb(165 207 126)
- HSL
- hsl(91 46% 65%)
- HWB
- hwb(91 49% 19%)
- OKLCH
- oklch(0.805 0.117 130.9)
- OKLab
- oklab(0.805 -0.076 0.088)
- CIE Lab
- lab(78.68 -24.84 35.53)
- LCH
- lch(78.68 43.35 125)
- CMYK
- cmyk(20% 0% 39% 19%)
틴트 · 셰이드 · 톤
틴트
- AED48B
- B7D999
- C0DEA6
- C9E3B3
- D2E7BF
- DBECCC
- E4F1D9
- EDF6E6
- F6FAF2
셰이드
- 8FB46D
- 79995C
- 657F4C
- 51673C
- 3D4F2D
- 2B381F
- 1A2311
- 0A1005
- 010201
톤
- A1C77F
- 9EBF80
- 9AB781
- 96AF81
- 93A781
- 8F9F81
- 8B9781
- 879081
- 848881
색 조화
보색 +180°
- A5CF7E
Greenscape
- D8AAF7
≈ Testosterose
유사색 -30° +30°
- A5CF7E
Greenscape
- D0C264
≈ Mung Bean
- 75D7A7
≈ Tadorna Teal
삼각 배색 +120° +240°
- A5CF7E
Greenscape
- 8EC4FF
≈ Chromis Damsel Blue
- FFA0AD
≈ Ballet Slippers
분열 보색 +150° +210°
- A5CF7E
Greenscape
- B3B8FF
≈ Greyish Lavender
- F3A1D6
≈ Violet Kiss
사각 배색 +90° +180° +270°
- A5CF7E
Greenscape
- 5AD0F4
≈ Libra Blue Morpho
- D8AAF7
≈ Testosterose
- FFA685
≈ Peach Fizz
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.77:1 · APCA Lc 33
Ag
AAA검은색 위
WCAG 11.82:1 · APCA Lc 70
가장 좋은 글자색: #000000
WCAG 11.82:1 (AAA) · APCA Lc 70
Contrast pairs
코드 스니펫
CSS
:root {
--greenscape: #a5cf7e;
--greenscape-rgb: 165 207 126;
--greenscape-oklch: oklch(0.805 0.117 130.9);
}
.element {
color: var(--greenscape);
background-color: hsl(91 46% 65%);
border-color: oklch(0.805 0.117 130.9);
}Tailwind CSS v4
@theme {
--color-greenscape: #a5cf7e;
--color-greenscape-50: #e8fddb;
--color-greenscape-100: #d9f1c9;
--color-greenscape-200: #c1e0ac;
--color-greenscape-300: #a0c587;
--color-greenscape-400: #86ad61;
--color-greenscape-500: #6a953c;
--color-greenscape-600: #5a7e34;
--color-greenscape-700: #486529;
--color-greenscape-800: #364a1b;
--color-greenscape-900: #253311;
--color-greenscape-950: #131f04;
}SCSS
$greenscape: #a5cf7e;
$greenscape-rgb: 165, 207, 126;
$greenscape-light: mix(#fff, $greenscape, 20%);
$greenscape-dark: mix(#000, $greenscape, 20%);
.element {
color: $greenscape;
box-shadow: 0 0 0 2px rgba($greenscape, 0.35);
}