Adlandırılmış renk · #828039
Green Commando
Green Commando, #828039: rgb(130 128 57), hsl(58 39% 37%), oklch(0.586 0.093 107.5). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Yellow mean? → · Green Commando color name →
#828039
oklch(0.586 0.093 107.5)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 8E8C4E
- 999962
- A5A575
- B2B289
- BEBE9C
- CBCBAF
- D8D8C3
- E5E5D7
- F2F2EB
Koyu tonlar
- 706E30
- 5F5D28
- 4E4D1F
- 3E3D17
- 2F2E10
- 201F09
- 121204
- 060601
- 010100
Gri tonlar
- 828042
- 81804A
- 818052
- 818059
- 818160
- 818167
- 80806D
- 808074
- 80807A
Renk uyumları
Tamamlayıcı +180°
- 828039
Green Commando
- 7973B1
≈ Plum Preserve
Analog -30° +30°
- 828039
Green Commando
- 9B7536
≈ Heavy Ochre
- 618951
≈ Topiary Sculpture
Üçlü +120° +240°
- 828039
Green Commando
- 3387A7
≈ Underwater Moonlight
- A56586
≈ Wild Mulberry
Bölünmüş tamamlayıcı +150° +210°
- 828039
Green Commando
- 587DB3
≈ Prompt
- 936AA1
≈ Figue
Dörtlü +90° +180° +270°
- 828039
Green Commando
- 1D8D90
≈ Fish Story
- 7973B1
≈ Plum Preserve
- AD6468
≈ Spanish Rose Shadow
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 4.12:1 · APCA Lc 68
Ag
AASiyah üzerinde
WCAG 5.09:1 · APCA Lc 33
En iyi metin rengi: #000000
WCAG 5.09:1 (AA) · APCA Lc 33
Contrast pairs
Kod parçacıkları
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);
}