Benoemde kleur · #4A8140
Guinean Green
Guinean Green is #4A8140: rgb(74 129 64), hsl(111 34% 38%), oklch(0.549 0.112 140.6). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Green mean? → · Guinean Green color name →
#4A8140
oklch(0.549 0.112 140.6)
Kleurconversies
- HEX
- #4a8140
- RGB
- rgb(74 129 64)
- HSL
- hsl(111 34% 38%)
- HWB
- hwb(111 25% 49%)
- OKLCH
- oklch(0.549 0.112 140.6)
- OKLab
- oklab(0.549 -0.087 0.071)
- CIE Lab
- lab(48.97 -29.22 29.07)
- LCH
- lch(48.97 41.22 135.2)
- CMYK
- cmyk(43% 0% 50% 49%)
Tinten · Schaduwen · Tonen
Tinten
- 5C8D53
- 6D9A65
- 7FA678
- 91B28B
- A3BF9D
- B5CCB0
- C7D8C4
- D9E5D7
- ECF2EB
Schaduwen
- 3F6F36
- 355E2D
- 2A4E24
- 203E1B
- 172E13
- 0E1F0B
- 061205
- 020601
- 000100
Tonen
- 508147
- 56814E
- 5C8155
- 61815C
- 678162
- 6C8168
- 71816E
- 768174
- 7B807A
Kleurharmonieën
Complementair +180°
- 4A8140
Guinean Green
- 8E5A99
≈ Wisteria Purple
Analoog -30° +30°
- 4A8140
Guinean Green
- 757716
≈ Medusa’s Snakes
- 008568
≈ Bosphorus
Triadisch +120° +240°
- 4A8140
Guinean Green
- 4A70B2
≈ New Age Blue
- A95355
≈ The Ego Has Landed
Gesplitst complementair +150° +210°
- 4A8140
Guinean Green
- 7264AE
≈ Genestealer Purple
- A1537A
≈ Feminism
Tetradisch +90° +180° +270°
- 4A8140
Guinean Green
- 007CA5
≈ Celadon Blue
- 8E5A99
≈ Wisteria Purple
- A45B2E
≈ Copper Creek
Contrast en toegankelijkheid
Ag
AAOp wit
WCAG 4.66:1 · APCA Lc 72
Ag
AAOp zwart
WCAG 4.50:1 · APCA Lc 29
Beste tekstkleur: #FFFFFF
WCAG 4.66:1 (AA) · APCA Lc 72
Contrast pairs
Codefragmenten
CSS
:root {
--guinean-green: #4a8140;
--guinean-green-rgb: 74 129 64;
--guinean-green-oklch: oklch(0.549 0.112 140.6);
}
.element {
color: var(--guinean-green);
background-color: hsl(111 34% 38%);
border-color: oklch(0.549 0.112 140.6);
}Tailwind CSS v4
@theme {
--color-guinean-green: #4a8140;
--color-guinean-green-50: #e3fee1;
--color-guinean-green-100: #d3f2d0;
--color-guinean-green-200: #b9e1b5;
--color-guinean-green-300: #96c792;
--color-guinean-green-400: #79af6f;
--color-guinean-green-500: #5a984f;
--color-guinean-green-600: #4d8143;
--color-guinean-green-700: #3d6736;
--color-guinean-green-800: #2d4b24;
--color-guinean-green-900: #1f3418;
--color-guinean-green-950: #0e2009;
}SCSS
$guinean-green: #4a8140;
$guinean-green-rgb: 74, 129, 64;
$guinean-green-light: mix(#fff, $guinean-green, 20%);
$guinean-green-dark: mix(#000, $guinean-green, 20%);
.element {
color: $guinean-green;
box-shadow: 0 0 0 2px rgba($guinean-green, 0.35);
}