이름 색상 · #7CCA6B
Energise
Energise은(는) #7CCA6B: rgb(124 202 107), hsl(109 47% 61%), oklch(0.766 0.151 140.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Energise color name →
#7CCA6B
oklch(0.766 0.151 140.1)
색상 변환
- HEX
- #7cca6b
- RGB
- rgb(124 202 107)
- HSL
- hsl(109 47% 61%)
- HWB
- hwb(109 42% 21%)
- OKLCH
- oklch(0.766 0.151 140.1)
- OKLab
- oklab(0.766 -0.115 0.097)
- CIE Lab
- lab(74.65 -38.73 39.3)
- LCH
- lch(74.65 55.18 134.6)
- CMYK
- cmyk(39% 0% 47% 21%)
틴트 · 셰이드 · 톤
틴트
- 8AD07B
- 97D58A
- A5DB99
- B2E0A8
- BFE5B6
- CCEBC5
- D9F0D3
- E5F5E2
- F2FAF0
셰이드
- 6BAF5C
- 5A954E
- 4A7C3F
- 3B6432
- 2C4D25
- 1E3718
- 11220D
- 050F04
- 010200
톤
- 7DC36E
- 7FBB71
- 7FB474
- 80AC77
- 81A579
- 819E7B
- 81967C
- 818F7E
- 80877F
색 조화
보색 +180°
- 7CCA6B
Energise
- DD92EE
≈ Bright Lilac
유사색 -30° +30°
- 7CCA6B
Energise
- B9BB33
≈ Golden Passionfruit
- 09D1A4
≈ Wild Caribbean Green
삼각 배색 +120° +240°
- 7CCA6B
Energise
- 86B4FF
≈ Parakeet Blue
- FF8D8E
≈ Coral Trails
분열 보색 +150° +210°
- 7CCA6B
Energise
- B2A4FF
≈ Shy Moment
- F988C0
≈ Bubblegum Beam
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.99:1 · APCA Lc 38
Ag
AAA검은색 위
WCAG 10.51:1 · APCA Lc 64
가장 좋은 글자색: #000000
WCAG 10.51:1 (AAA) · APCA Lc 64
Contrast pairs
코드 스니펫
CSS
:root {
--energise: #7cca6b;
--energise-rgb: 124 202 107;
--energise-oklch: oklch(0.766 0.151 140.1);
}
.element {
color: var(--energise);
background-color: hsl(109 47% 61%);
border-color: oklch(0.766 0.151 140.1);
}Tailwind CSS v4
@theme {
--color-energise: #7cca6b;
--color-energise-50: #ddffd9;
--color-energise-100: #ccf5c7;
--color-energise-200: #b0e5a9;
--color-energise-300: #8acb83;
--color-energise-400: #6bb45b;
--color-energise-500: #479d32;
--color-energise-600: #3d852c;
--color-energise-700: #316a23;
--color-energise-800: #254e14;
--color-energise-900: #19360d;
--color-energise-950: #092102;
}SCSS
$energise: #7cca6b;
$energise-rgb: 124, 202, 107;
$energise-light: mix(#fff, $energise, 20%);
$energise-dark: mix(#000, $energise, 20%);
.element {
color: $energise;
box-shadow: 0 0 0 2px rgba($energise, 0.35);
}