Nächste benannte Farbe · #7B7F36
#7B7F36
Nächste benannte Farbe: Green Commando
#7B7F36 (rgb(123 127 54), hsl(63 40% 35%), oklch(0.577 0.096 111.9)) liegt am nächsten an der benannten Farbe Green Commando. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#7B7F36
oklch(0.577 0.096 111.9)
Farbumrechnungen
- HEX
- #7b7f36
- RGB
- rgb(123 127 54)
- HSL
- hsl(63 40% 35%)
- HWB
- hwb(63 21% 50%)
- OKLCH
- oklch(0.577 0.096 111.9)
- OKLab
- oklab(0.577 -0.036 0.089)
- CIE Lab
- lab(51.66 -9.43 38.26)
- LCH
- lch(51.66 39.4 103.9)
- CMYK
- cmyk(3% 0% 57% 50%)
Tints · Shades · Tones
Tints
- 878B4B
- 949860
- A0A473
- ADB187
- BABE9A
- C8CBAE
- D5D8C2
- E3E5D6
- F1F2EA
Shades
- 6A6E2E
- 5A5D25
- 4A4C1E
- 3A3C16
- 2C2D0F
- 1E1F08
- 101103
- 050601
- 010100
Tones
- 7B7F40
- 7C8048
- 7C8050
- 7D8058
- 7D805F
- 7E8066
- 7E806D
- 7F8073
- 7F807A
Farbharmonien
Komplementär +180°
- 7B7F36
Green Commando
- 7B6EAE
≈ Wintertime Mauve
Analog -30° +30°
- 7B7F36
Green Commando
- 96732E
≈ Mulberry Brown
- 578852
≈ Emerald Ring
Triadisch +120° +240°
- 7B7F36
Green Commando
- 3283A9
≈ Blue Paisley
- A5617F
≈ Beryl Red
Geteilt komplementär +150° +210°
- 7B7F36
Green Commando
- 5A79B3
≈ Sapphire Shimmer Blue
- 94669B
≈ Figue
Tetradisch +90° +180° +270°
- 7B7F36
Green Commando
- 0B8A92
≈ Tempo Teal
- 7B6EAE
≈ Wintertime Mauve
- AB6160
≈ Spiced Tea
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 4.25:1 · APCA Lc 69
Ag
AAAuf Schwarz
WCAG 4.93:1 · APCA Lc 32
Beste Textfarbe: #000000
WCAG 4.93:1 (AA) · APCA Lc 32
Contrast pairs
Code-Snippets
CSS
:root {
--green-commando: #7b7f36;
--green-commando-rgb: 123 127 54;
--green-commando-oklch: oklch(0.577 0.096 111.9);
}
.element {
color: var(--green-commando);
background-color: hsl(63 40% 35%);
border-color: oklch(0.577 0.096 111.9);
}Tailwind CSS v4
@theme {
--color-green-commando: #7b7f36;
--color-green-commando-50: #f4f9da;
--color-green-commando-100: #e7ecc8;
--color-green-commando-200: #d3d9aa;
--color-green-commando-300: #b6bd84;
--color-green-commando-400: #a0a460;
--color-green-commando-500: #888c3a;
--color-green-commando-600: #737732;
--color-green-commando-700: #5c5f28;
--color-green-commando-800: #44451a;
--color-green-commando-900: #2f3011;
--color-green-commando-950: #1c1c04;
}SCSS
$green-commando: #7b7f36;
$green-commando-rgb: 123, 127, 54;
$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);
}