이름 색상 · #7EBA4D
Ultra Green
Ultra Green은(는) #7EBA4D: rgb(126 186 77), hsl(93 44% 52%), oklch(0.724 0.155 133.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Ultra Green color name →
#7EBA4D
oklch(0.724 0.155 133.1)
색상 변환
- HEX
- #7eba4d
- RGB
- rgb(126 186 77)
- HSL
- hsl(93 44% 52%)
- HWB
- hwb(93 30% 27%)
- OKLCH
- oklch(0.724 0.155 133.1)
- OKLab
- oklab(0.724 -0.106 0.113)
- CIE Lab
- lab(69.68 -34.03 47.58)
- LCH
- lch(69.68 58.5 125.6)
- CMYK
- cmyk(32% 0% 59% 27%)
틴트 · 셰이드 · 톤
틴트
- 8BC161
- 98C874
- A4CF86
- B1D698
- BEDDA9
- CBE4BB
- D8EBCC
- E5F2DD
- F2F8EE
셰이드
- 6DA142
- 5C8937
- 4C722C
- 3C5C22
- 2D4618
- 1F320F
- 111E07
- 050D02
- 010200
톤
- 7FB455
- 7FAF5C
- 80A962
- 80A367
- 809D6C
- 809871
- 809275
- 808C79
- 80867D
색 조화
보색 +180°
- 7EBA4D
Ultra Green
- C886EA
≈ Lavender Perceptions
유사색 -30° +30°
- 7EBA4D
Ultra Green
- B8A900
≈ Brass Knuckle
- 0CC38A
≈ Píng Gǔo Lǜ Green
삼각 배색 +120° +240°
- 7EBA4D
Ultra Green
- 5EA9FF
≈ Âbi Blue
- F6788A
≈ Flower Blossom Pink
분열 보색 +150° +210°
- 7EBA4D
Ultra Green
- 9A98FF
≈ Cobalite
- E77BBF
≈ Fuchsia Blush
사각 배색 +90° +180° +270°
- 7EBA4D
Ultra Green
- 00B7E3
≈ Blue Atoll
- C886EA
≈ Lavender Perceptions
- F48250
≈ Rich Gardenia
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.32:1 · APCA Lc 46
Ag
AAA검은색 위
WCAG 9.01:1 · APCA Lc 56
가장 좋은 글자색: #000000
WCAG 9.01:1 (AAA) · APCA Lc 56
Contrast pairs
코드 스니펫
CSS
:root {
--ultra-green: #7eba4d;
--ultra-green-rgb: 126 186 77;
--ultra-green-oklch: oklch(0.724 0.155 133.1);
}
.element {
color: var(--ultra-green);
background-color: hsl(93 44% 52%);
border-color: oklch(0.724 0.155 133.1);
}Tailwind CSS v4
@theme {
--color-ultra-green: #7eba4d;
--color-ultra-green-50: #e2ffd4;
--color-ultra-green-100: #d2f4c0;
--color-ultra-green-200: #b8e4a1;
--color-ultra-green-300: #94c977;
--color-ultra-green-400: #79b14b;
--color-ultra-green-500: #5a9a10;
--color-ultra-green-600: #4d8314;
--color-ultra-green-700: #3d6911;
--color-ultra-green-800: #2e4c05;
--color-ultra-green-900: #1f3504;
--color-ultra-green-950: #0f2000;
}SCSS
$ultra-green: #7eba4d;
$ultra-green-rgb: 126, 186, 77;
$ultra-green-light: mix(#fff, $ultra-green, 20%);
$ultra-green-dark: mix(#000, $ultra-green, 20%);
.element {
color: $ultra-green;
box-shadow: 0 0 0 2px rgba($ultra-green, 0.35);
}