Dichtstbijzijnde benoemde kleur · #7D7928
#7D7928
Dichtstbijzijnde benoemde kleur: Green Commando
#7D7928 (rgb(125 121 40), hsl(57 52% 32%), oklch(0.563 0.102 106.5)) komt het dichtst bij de benoemde kleur Green Commando. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#7D7928
oklch(0.563 0.102 106.5)
Kleurconversies
- HEX
- #7d7928
- RGB
- rgb(125 121 40)
- HSL
- hsl(57 52% 32%)
- HWB
- hwb(57 16% 51%)
- OKLCH
- oklch(0.563 0.102 106.5)
- OKLab
- oklab(0.563 -0.029 0.097)
- CIE Lab
- lab(49.98 -6.18 42.97)
- LCH
- lch(49.98 43.41 98.2)
- CMYK
- cmyk(0% 3% 68% 51%)
Tinten · Schaduwen · Tonen
Tinten
- 898641
- 959357
- A2A06C
- AEAD81
- BBBB95
- C9C8AA
- D6D6BF
- E3E3D4
- F1F1E9
Schaduwen
- 6C6821
- 5B581B
- 4B4815
- 3B390F
- 2C2B09
- 1E1D04
- 111002
- 050501
- 010100
Tonen
- 7D7A35
- 7D7B3F
- 7E7C49
- 7E7C52
- 7E7D5A
- 7E7E62
- 7F7E6A
- 7F7F71
- 808079
Kleurharmonieën
Complementair +180°
- 7D7928
Green Commando
- 716CAE
≈ Clear Mauve
Analoog -30° +30°
- 7D7928
Green Commando
- 976C25
≈ Mulberry Brown
- 598345
≈ Shepherd’s Green
Triadisch +120° +240°
- 7D7928
Green Commando
- 1981A3
≈ Summer Blue
- A05C82
≈ Thimble Red
Gesplitst complementair +150° +210°
- 7D7928
Green Commando
- 4D77B0
≈ Flying Fish
- 8D629D
≈ Aster Violetta
Tetradisch +90° +180° +270°
- 7D7928
Green Commando
- 008688
≈ Tubbataha Teal
- 716CAE
≈ Clear Mauve
- A95B60
≈ Ruby Petals
Contrast en toegankelijkheid
Ag
AAOp wit
WCAG 4.52:1 · APCA Lc 71
Ag
AAOp zwart
WCAG 4.63:1 · APCA Lc 30
Beste tekstkleur: #000000
WCAG 4.63:1 (AA) · APCA Lc 30
Contrast pairs
Codefragmenten
CSS
:root {
--green-commando: #7d7928;
--green-commando-rgb: 125 121 40;
--green-commando-oklch: oklch(0.563 0.102 106.5);
}
.element {
color: var(--green-commando);
background-color: hsl(57 52% 32%);
border-color: oklch(0.563 0.102 106.5);
}Tailwind CSS v4
@theme {
--color-green-commando: #7d7928;
--color-green-commando-50: #f7f8d7;
--color-green-commando-100: #eaebc4;
--color-green-commando-200: #d7d8a6;
--color-green-commando-300: #bbbc7f;
--color-green-commando-400: #a6a258;
--color-green-commando-500: #8f8a2f;
--color-green-commando-600: #79752a;
--color-green-commando-700: #615e21;
--color-green-commando-800: #484415;
--color-green-commando-900: #322f0d;
--color-green-commando-950: #1e1b02;
}SCSS
$green-commando: #7d7928;
$green-commando-rgb: 125, 121, 40;
$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);
}