이름 색상 · #768A75
Hedge Green
Hedge Green은(는) #768A75: rgb(118 138 117), hsl(117 8% 50%), oklch(0.611 0.039 143.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Hedge Green color name →
#768A75
oklch(0.611 0.039 143.8)
색상 변환
- HEX
- #768a75
- RGB
- rgb(118 138 117)
- HSL
- hsl(117 8% 50%)
- HWB
- hwb(117 46% 46%)
- OKLCH
- oklch(0.611 0.039 143.8)
- OKLab
- oklab(0.611 -0.031 0.023)
- CIE Lab
- lab(55.41 -10.68 8.77)
- LCH
- lch(55.41 13.82 140.6)
- CMYK
- cmyk(14% 0% 15% 46%)
틴트 · 셰이드 · 톤
틴트
- 839582
- 90A08F
- 9DAC9C
- ABB7AA
- B8C3B8
- C6CFC6
- D4DBD4
- E2E7E2
- F1F3F0
셰이드
- 667765
- 566555
- 475346
- 384237
- 293229
- 1C221C
- 0F140F
- 050705
- 010101
톤
- 778976
- 788877
- 798778
- 7A867A
- 7B857B
- 7C847C
- 7D837D
- 7E827E
- 7F817F
색 조화
보색 +180°
- 768A75
Hedge Green
- 907C91
≈ Violet Persuasion
유사색 -30° +30°
- 768A75
Hedge Green
- 83876C
≈ Shebang
- 6C8C82
≈ Aspen Hush
삼각 배색 +120° +240°
- 768A75
Hedge Green
- 78849C
≈ Tempest
- 9A7B78
≈ Neapolitan
분열 보색 +150° +210°
- 768A75
Hedge Green
- 847F99
≈ Dusky Grape
- 977A85
≈ Mulberry Wine
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.70:1 · APCA Lc 65
Ag
AA검은색 위
WCAG 5.66:1 · APCA Lc 37
가장 좋은 글자색: #000000
WCAG 5.66:1 (AA) · APCA Lc 37
Contrast pairs
코드 스니펫
CSS
:root {
--hedge-green: #768a75;
--hedge-green-rgb: 118 138 117;
--hedge-green-oklch: oklch(0.611 0.039 143.8);
}
.element {
color: var(--hedge-green);
background-color: hsl(117 8% 50%);
border-color: oklch(0.611 0.039 143.8);
}Tailwind CSS v4
@theme {
--color-hedge-green: #768a75;
--color-hedge-green-50: #eef8ef;
--color-hedge-green-100: #e0ece0;
--color-hedge-green-200: #cad9ca;
--color-hedge-green-300: #abbdac;
--color-hedge-green-400: #91a590;
--color-hedge-green-500: #778d76;
--color-hedge-green-600: #657764;
--color-hedge-green-700: #516050;
--color-hedge-green-800: #3b4639;
--color-hedge-green-900: #283027;
--color-hedge-green-950: #161d15;
}SCSS
$hedge-green: #768a75;
$hedge-green-rgb: 118, 138, 117;
$hedge-green-light: mix(#fff, $hedge-green, 20%);
$hedge-green-dark: mix(#000, $hedge-green, 20%);
.element {
color: $hedge-green;
box-shadow: 0 0 0 2px rgba($hedge-green, 0.35);
}