이름 색상 · #7EC083
Rally Green
Rally Green은(는) #7EC083: rgb(126 192 131), hsl(125 34% 62%), oklch(0.748 0.11 146.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Rally Green color name →
#7EC083
oklch(0.748 0.11 146.2)
색상 변환
- HEX
- #7ec083
- RGB
- rgb(126 192 131)
- HSL
- hsl(125 34% 62%)
- HWB
- hwb(125 49% 25%)
- OKLCH
- oklch(0.748 0.11 146.2)
- OKLab
- oklab(0.748 -0.091 0.061)
- CIE Lab
- lab(72.1 -31.25 23.92)
- LCH
- lch(72.1 39.36 142.6)
- CMYK
- cmyk(34% 0% 32% 25%)
틴트 · 셰이드 · 톤
틴트
- 8BC68F
- 98CD9C
- A5D3A8
- B2D9B4
- BFE0C0
- CCE6CD
- D9ECD9
- E5F3E6
- F2F9F2
셰이드
- 6DA771
- 5C8E60
- 4C764F
- 3C5F3F
- 2D492F
- 1F3420
- 112012
- 050E06
- 010201
톤
- 7FBA83
- 80B383
- 80AD83
- 81A683
- 81A082
- 819A82
- 819382
- 818D81
- 808681
색 조화
보색 +180°
- 7EC083
Rally Green
- D294D2
≈ Somewhere in a Fairytale
유사색 -30° +30°
- 7EC083
Rally Green
- A9B662
≈ Gooseberry Fool
- 52C4AB
≈ Eucalipto
삼각 배색 +120° +240°
- 7EC083
Rally Green
- 8DABF3
≈ Kitten’s Eye
- EB9188
≈ Sweet Pink
분열 보색 +150° +210°
- 7EC083
Rally Green
- B39FEB
≈ Dull Lavender
- E58FAF
≈ Charm Pink
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.15:1 · APCA Lc 42
Ag
AAA검은색 위
WCAG 9.75:1 · APCA Lc 60
가장 좋은 글자색: #000000
WCAG 9.75:1 (AAA) · APCA Lc 60
Contrast pairs
코드 스니펫
CSS
:root {
--rally-green: #7ec083;
--rally-green-rgb: 126 192 131;
--rally-green-oklch: oklch(0.748 0.11 146.2);
}
.element {
color: var(--rally-green);
background-color: hsl(125 34% 62%);
border-color: oklch(0.748 0.11 146.2);
}Tailwind CSS v4
@theme {
--color-rally-green: #7ec083;
--color-rally-green-50: #e1fee4;
--color-rally-green-100: #d0f3d4;
--color-rally-green-200: #b5e2ba;
--color-rally-green-300: #91c798;
--color-rally-green-400: #72b077;
--color-rally-green-500: #519958;
--color-rally-green-600: #45824b;
--color-rally-green-700: #37683c;
--color-rally-green-800: #294c29;
--color-rally-green-900: #1b351b;
--color-rally-green-950: #0b200c;
}SCSS
$rally-green: #7ec083;
$rally-green-rgb: 126, 192, 131;
$rally-green-light: mix(#fff, $rally-green, 20%);
$rally-green-dark: mix(#000, $rally-green, 20%);
.element {
color: $rally-green;
box-shadow: 0 0 0 2px rgba($rally-green, 0.35);
}