Benoemde kleur · #A19361
Abura Green
Abura Green is #A19361: rgb(161 147 97), hsl(47 25% 51%), oklch(0.663 0.07 94.3). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Yellow mean? → · Abura Green color name →
#A19361
oklch(0.663 0.07 94.3)
Kleurconversies
- HEX
- #a19361
- RGB
- rgb(161 147 97)
- HSL
- hsl(47 25% 51%)
- HWB
- hwb(47 38% 37%)
- OKLCH
- oklch(0.663 0.07 94.3)
- OKLab
- oklab(0.663 -0.005 0.07)
- CIE Lab
- lab(61.28 -0.1 28.46)
- LCH
- lch(61.28 28.46 90.2)
- CMYK
- cmyk(0% 9% 40% 37%)
Tinten · Schaduwen · Tonen
Tinten
- AA9D71
- B3A880
- BCB390
- C6BD9F
- CFC8AF
- D8D3BF
- E2DECF
- ECE9DF
- F5F4EF
Schaduwen
- 8B7F53
- 766C46
- 625939
- 4E472D
- 3C3621
- 2A2515
- 19160B
- 090803
- 010100
Tonen
- 9E9165
- 9A8F68
- 978D6C
- 948C6F
- 908A72
- 8D8875
- 8A8678
- 86847B
- 83827D
Kleurharmonieën
Complementair +180°
- A19361
Abura Green
- 8690BF
≈ Safflowerish Sky
Analoog -30° +30°
- A19361
Abura Green
- B28B66
≈ Freckled Nose
- 8A9B6B
≈ Agave Plant
Triadisch +120° +240°
- A19361
Abura Green
- 5E9FAE
≈ Flood Out
- AE83A5
≈ Wilhelminian Pink
Gesplitst complementair +150° +210°
- A19361
Abura Green
- 6E98BC
≈ Blue Ballad
- 9D89B7
≈ Kismet
Tetradisch +90° +180° +270°
- A19361
Abura Green
- 5FA298
≈ Aqua Rapids
- 8690BF
≈ Safflowerish Sky
- B9818E
≈ Lipstick Pink
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 3.06:1 · APCA Lc 57
Ag
AAOp zwart
WCAG 6.86:1 · APCA Lc 44
Beste tekstkleur: #000000
WCAG 6.86:1 (AA) · APCA Lc 44
Contrast pairs
Codefragmenten
CSS
:root {
--abura-green: #a19361;
--abura-green-rgb: 161 147 97;
--abura-green-oklch: oklch(0.663 0.07 94.3);
}
.element {
color: var(--abura-green);
background-color: hsl(47 25% 51%);
border-color: oklch(0.663 0.07 94.3);
}Tailwind CSS v4
@theme {
--color-abura-green: #a19361;
--color-abura-green-50: #fbf6df;
--color-abura-green-100: #eee8ce;
--color-abura-green-200: #ddd5b3;
--color-abura-green-300: #c2b88f;
--color-abura-green-400: #ac9e6f;
--color-abura-green-500: #95864e;
--color-abura-green-600: #7e7143;
--color-abura-green-700: #655a35;
--color-abura-green-800: #4b4225;
--color-abura-green-900: #342d19;
--color-abura-green-950: #1f1a0a;
}SCSS
$abura-green: #a19361;
$abura-green-rgb: 161, 147, 97;
$abura-green-light: mix(#fff, $abura-green, 20%);
$abura-green-dark: mix(#000, $abura-green, 20%);
.element {
color: $abura-green;
box-shadow: 0 0 0 2px rgba($abura-green, 0.35);
}