Dichtstbijzijnde benoemde kleur · #518244
#518244
Dichtstbijzijnde benoemde kleur: Beanpole
#518244 (rgb(81 130 68), hsl(107 31% 39%), oklch(0.556 0.106 139.3)) komt het dichtst bij de benoemde kleur Beanpole. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#518244
oklch(0.556 0.106 139.3)
Kleurconversies
- HEX
- #518244
- RGB
- rgb(81 130 68)
- HSL
- hsl(107 31% 39%)
- HWB
- hwb(107 27% 49%)
- OKLCH
- oklch(0.556 0.106 139.3)
- OKLab
- oklab(0.556 -0.08 0.069)
- CIE Lab
- lab(49.72 -26.81 27.97)
- LCH
- lch(49.72 38.74 133.8)
- CMYK
- cmyk(38% 0% 48% 49%)
Tinten · Schaduwen · Tonen
Tinten
- 628E56
- 739A68
- 84A77B
- 95B38D
- A6BF9F
- B7CCB2
- C9D9C5
- DBE5D8
- EDF2EB
Schaduwen
- 45703A
- 3A5F30
- 2F4E26
- 243E1D
- 1A2F14
- 10200C
- 071205
- 020602
- 000100
Tonen
- 56824B
- 5B8251
- 608258
- 65825E
- 6A8264
- 6E8169
- 73816F
- 778175
- 7C807A
Kleurharmonieën
Complementair +180°
- 518244
Beanpole
- 8E5E9A
≈ Aster Violetta
Analoog -30° +30°
- 518244
Beanpole
- 787822
≈ Crocodile Eye
- 158769
≈ Celtic Queen
Triadisch +120° +240°
- 518244
Beanpole
- 4D73B1
≈ Ramjet
- A8585A
≈ Lingonberry Punch
Gesplitst complementair +150° +210°
- 518244
Beanpole
- 7268AD
≈ Clear Mauve
- A0587D
≈ Feminism
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
AAOp wit
WCAG 4.53:1 · APCA Lc 71
Ag
AAOp zwart
WCAG 4.62:1 · APCA Lc 30
Beste tekstkleur: #000000
WCAG 4.62:1 (AA) · APCA Lc 30
Contrast pairs
Codefragmenten
CSS
:root {
--beanpole: #518244;
--beanpole-rgb: 81 130 68;
--beanpole-oklch: oklch(0.556 0.106 139.3);
}
.element {
color: var(--beanpole);
background-color: hsl(107 31% 39%);
border-color: oklch(0.556 0.106 139.3);
}Tailwind CSS v4
@theme {
--color-beanpole: #518244;
--color-beanpole-50: #e5fde1;
--color-beanpole-100: #d5f1d1;
--color-beanpole-200: #bce0b6;
--color-beanpole-300: #9ac593;
--color-beanpole-400: #7dae71;
--color-beanpole-500: #609751;
--color-beanpole-600: #518045;
--color-beanpole-700: #416637;
--color-beanpole-800: #304b25;
--color-beanpole-900: #213419;
--color-beanpole-950: #101f09;
}SCSS
$beanpole: #518244;
$beanpole-rgb: 81, 130, 68;
$beanpole-light: mix(#fff, $beanpole, 20%);
$beanpole-dark: mix(#000, $beanpole, 20%);
.element {
color: $beanpole;
box-shadow: 0 0 0 2px rgba($beanpole, 0.35);
}