Benoemde kleur · #94AC02
Barf Green
Barf Green is #94AC02: rgb(148 172 2), hsl(68 98% 34%), oklch(0.701 0.165 119.2). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Yellow mean? → · Barf Green color name →
#94AC02
oklch(0.701 0.165 119.2)
Kleurconversies
- HEX
- #94ac02
- RGB
- rgb(148 172 2)
- HSL
- hsl(68 98% 34%)
- HWB
- hwb(68 1% 33%)
- OKLCH
- oklch(0.701 0.165 119.2)
- OKLab
- oklab(0.701 -0.08 0.144)
- CIE Lab
- lab(66.65 -21.98 66.87)
- LCH
- lch(66.65 70.39 108.2)
- CMYK
- cmyk(14% 0% 99% 33%)
Tinten · Schaduwen · Tonen
Tinten
- 9EB539
- A8BD56
- B2C66E
- BDCE84
- C7D699
- D2DEAE
- DDE7C2
- E8EFD6
- F4F7EB
Schaduwen
- 809501
- 6D7F01
- 5A6901
- 485400
- 364000
- 262D00
- 161B00
- 080B00
- 010100
Tonen
- 92A829
- 90A43B
- 8D9F48
- 8B9B53
- 89975C
- 879265
- 858E6C
- 848973
- 82857A
Kleurharmonieën
Complementair +180°
- 94AC02
Barf Green
- AE84F6
≈ Lilac Geode
Analoog -30° +30°
- 94AC02
Barf Green
- C29900
≈ Rapeseed
- 41BA63
≈ Cool Green
Triadisch +120° +240°
- 94AC02
Barf Green
- 00AAF6
≈ Krishna Blue
- ED6D9C
≈ Shadow Azalea Pink
Gesplitst complementair +150° +210°
- 94AC02
Barf Green
- 7898FF
≈ Periwinkle Blue
- D575D0
≈ French Mauve
Tetradisch +90° +180° +270°
- 94AC02
Barf Green
- 00B3C7
≈ Antigua Blue
- AE84F6
≈ Lilac Geode
- F47160
≈ Mild Heart Attack
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 2.57:1 · APCA Lc 50
Ag
AAAOp zwart
WCAG 8.16:1 · APCA Lc 52
Beste tekstkleur: #000000
WCAG 8.16:1 (AAA) · APCA Lc 52
Contrast pairs
Codefragmenten
CSS
:root {
--barf-green: #94ac02;
--barf-green-rgb: 148 172 2;
--barf-green-oklch: oklch(0.701 0.165 119.2);
}
.element {
color: var(--barf-green);
background-color: hsl(68 98% 34%);
border-color: oklch(0.701 0.165 119.2);
}Tailwind CSS v4
@theme {
--color-barf-green: #94ac02;
--color-barf-green-50: #eefdc9;
--color-barf-green-100: #dff1b3;
--color-barf-green-200: #c9e08f;
--color-barf-green-300: #abc45e;
--color-barf-green-400: #94ab1e;
--color-barf-green-500: #7b9300;
--color-barf-green-600: #687d00;
--color-barf-green-700: #536400;
--color-barf-green-800: #3f4900;
--color-barf-green-900: #2b3200;
--color-barf-green-950: #191e00;
}SCSS
$barf-green: #94ac02;
$barf-green-rgb: 148, 172, 2;
$barf-green-light: mix(#fff, $barf-green, 20%);
$barf-green-dark: mix(#000, $barf-green, 20%);
.element {
color: $barf-green;
box-shadow: 0 0 0 2px rgba($barf-green, 0.35);
}