이름 색상 · #6A9D5D
Green Hornet
Green Hornet은(는) #6A9D5D: rgb(106 157 93), hsl(108 26% 49%), oklch(0.644 0.107 139.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Green Hornet color name →
#6A9D5D
oklch(0.644 0.107 139.4)
색상 변환
- HEX
- #6a9d5d
- RGB
- rgb(106 157 93)
- HSL
- hsl(108 26% 49%)
- HWB
- hwb(108 36% 38%)
- OKLCH
- oklch(0.644 0.107 139.4)
- OKLab
- oklab(0.644 -0.081 0.07)
- CIE Lab
- lab(59.93 -27.23 27.84)
- LCH
- lch(59.93 38.94 134.4)
- CMYK
- cmyk(32% 0% 41% 38%)
틴트 · 셰이드 · 톤
틴트
- 79A76D
- 87B07D
- 96BA8D
- A5C49D
- B3CEAD
- C2D7BD
- D1E1CD
- E0EBDE
- F0F5EE
셰이드
- 5B8850
- 4D7343
- 3F5F37
- 314C2A
- 243A1F
- 182814
- 0D180A
- 040903
- 000100
톤
- 6D9A61
- 6F9765
- 729569
- 74926D
- 768F70
- 788C73
- 7A8977
- 7C867A
- 7E837D
색 조화
보색 +180°
- 6A9D5D
Green Hornet
- AA77B6
≈ Bell Heather
유사색 -30° +30°
- 6A9D5D
Green Hornet
- 92933F
≈ Bean Shoot
- 3AA282
≈ Klimt Green
삼각 배색 +120° +240°
- 6A9D5D
Green Hornet
- 658ECE
≈ Royal Regatta
- C67173
≈ Brandied Apricot
분열 보색 +150° +210°
- 6A9D5D
Green Hornet
- 8C82CA
≈ Faraway Sky
- BD7197
≈ Benifuji
사각 배색 +90° +180° +270°
- 6A9D5D
Green Hornet
- 3899C1
≈ Fairy Tale Blue
- AA77B6
≈ Bell Heather
- C17950
≈ Rakuda Brown
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.18:1 · APCA Lc 59
Ag
AA검은색 위
WCAG 6.59:1 · APCA Lc 43
가장 좋은 글자색: #000000
WCAG 6.59:1 (AA) · APCA Lc 43
Contrast pairs
코드 스니펫
CSS
:root {
--green-hornet: #6a9d5d;
--green-hornet-rgb: 106 157 93;
--green-hornet-oklch: oklch(0.644 0.107 139.4);
}
.element {
color: var(--green-hornet);
background-color: hsl(108 26% 49%);
border-color: oklch(0.644 0.107 139.4);
}Tailwind CSS v4
@theme {
--color-green-hornet: #6a9d5d;
--color-green-hornet-50: #e5fde1;
--color-green-hornet-100: #d5f1d0;
--color-green-hornet-200: #bbe0b6;
--color-green-hornet-300: #99c692;
--color-green-hornet-400: #7dae70;
--color-green-hornet-500: #5f9750;
--color-green-hornet-600: #518045;
--color-green-hornet-700: #406637;
--color-green-hornet-800: #304b25;
--color-green-hornet-900: #203419;
--color-green-hornet-950: #101f09;
}SCSS
$green-hornet: #6a9d5d;
$green-hornet-rgb: 106, 157, 93;
$green-hornet-light: mix(#fff, $green-hornet, 20%);
$green-hornet-dark: mix(#000, $green-hornet, 20%);
.element {
color: $green-hornet;
box-shadow: 0 0 0 2px rgba($green-hornet, 0.35);
}