이름 색상 · #828039
Green Commando
Green Commando은(는) #828039: rgb(130 128 57), hsl(58 39% 37%), oklch(0.586 0.093 107.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Green Commando color name →
#828039
oklch(0.586 0.093 107.5)
색상 변환
- HEX
- #828039
- RGB
- rgb(130 128 57)
- HSL
- hsl(58 39% 37%)
- HWB
- hwb(58 22% 49%)
- OKLCH
- oklch(0.586 0.093 107.5)
- OKLab
- oklab(0.586 -0.028 0.089)
- CIE Lab
- lab(52.61 -6.66 38.05)
- LCH
- lch(52.61 38.63 99.9)
- CMYK
- cmyk(0% 2% 56% 49%)
틴트 · 셰이드 · 톤
틴트
- 8E8C4E
- 999962
- A5A575
- B2B289
- BEBE9C
- CBCBAF
- D8D8C3
- E5E5D7
- F2F2EB
셰이드
- 706E30
- 5F5D28
- 4E4D1F
- 3E3D17
- 2F2E10
- 201F09
- 121204
- 060601
- 010100
톤
- 828042
- 81804A
- 818052
- 818059
- 818160
- 818167
- 80806D
- 808074
- 80807A
색 조화
보색 +180°
- 828039
Green Commando
- 7973B1
≈ Plum Preserve
유사색 -30° +30°
- 828039
Green Commando
- 9B7536
≈ Heavy Ochre
- 618951
≈ Topiary Sculpture
삼각 배색 +120° +240°
- 828039
Green Commando
- 3387A7
≈ Underwater Moonlight
- A56586
≈ Wild Mulberry
분열 보색 +150° +210°
- 828039
Green Commando
- 587DB3
≈ Prompt
- 936AA1
≈ Figue
사각 배색 +90° +180° +270°
- 828039
Green Commando
- 1D8D90
≈ Fish Story
- 7973B1
≈ Plum Preserve
- AD6468
≈ Spanish Rose Shadow
대비 및 접근성
Ag
Fail흰색 위
WCAG 4.12:1 · APCA Lc 68
Ag
AA검은색 위
WCAG 5.09:1 · APCA Lc 33
가장 좋은 글자색: #000000
WCAG 5.09:1 (AA) · APCA Lc 33
Contrast pairs
코드 스니펫
CSS
:root {
--green-commando: #828039;
--green-commando-rgb: 130 128 57;
--green-commando-oklch: oklch(0.586 0.093 107.5);
}
.element {
color: var(--green-commando);
background-color: hsl(58 39% 37%);
border-color: oklch(0.586 0.093 107.5);
}Tailwind CSS v4
@theme {
--color-green-commando: #828039;
--color-green-commando-50: #f6f8da;
--color-green-commando-100: #e9ebc8;
--color-green-commando-200: #d6d8aa;
--color-green-commando-300: #babc84;
--color-green-commando-400: #a4a360;
--color-green-commando-500: #8d8a3a;
--color-green-commando-600: #777532;
--color-green-commando-700: #5f5e28;
--color-green-commando-800: #47441b;
--color-green-commando-900: #312f11;
--color-green-commando-950: #1d1c04;
}SCSS
$green-commando: #828039;
$green-commando-rgb: 130, 128, 57;
$green-commando-light: mix(#fff, $green-commando, 20%);
$green-commando-dark: mix(#000, $green-commando, 20%);
.element {
color: $green-commando;
box-shadow: 0 0 0 2px rgba($green-commando, 0.35);
}