Dichtstbijzijnde benoemde kleur · #568656
#568656
Dichtstbijzijnde benoemde kleur: Beanpole
#568656 (rgb(86 134 86), hsl(120 22% 43%), oklch(0.573 0.089 144.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.
#568656
oklch(0.573 0.089 144.3)
Kleurconversies
- HEX
- #568656
- RGB
- rgb(86 134 86)
- HSL
- hsl(120 22% 43%)
- HWB
- hwb(120 34% 47%)
- OKLCH
- oklch(0.573 0.089 144.3)
- OKLab
- oklab(0.573 -0.073 0.052)
- CIE Lab
- lab(51.52 -24.74 20.55)
- LCH
- lch(51.52 32.16 140.3)
- CMYK
- cmyk(36% 0% 36% 47%)
Tinten · Schaduwen · Tonen
Tinten
- 669266
- 779D76
- 87A986
- 98B597
- A9C1A8
- BACEB9
- CBDACA
- DCE6DB
- EDF2ED
Schaduwen
- 4A744A
- 3E623E
- 325132
- 274027
- 1C301C
- 122112
- 081308
- 020602
- 000100
Tonen
- 5B865B
- 5F855F
- 648563
- 688468
- 6C836C
- 708370
- 748274
- 788278
- 7C817C
Kleurharmonieën
Complementair +180°
- 568656
Beanpole
- 926596
≈ Viola Grey
Analoog -30° +30°
- 568656
Beanpole
- 777E3D
≈ Calla Green
- 328974
≈ Ionian
Triadisch +120° +240°
- 568656
Beanpole
- 5D77AD
≈ Sapphire Shimmer Blue
- A7625E
≈ Escalante
Gesplitst complementair +150° +210°
- 568656
Beanpole
- 7B6DA8
≈ Wintertime Mauve
- A1617B
≈ Cosmetic Red
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 4.25:1 · APCA Lc 69
Ag
AAOp zwart
WCAG 4.94:1 · APCA Lc 32
Beste tekstkleur: #000000
WCAG 4.94:1 (AA) · APCA Lc 32
Contrast pairs
Codefragmenten
CSS
:root {
--beanpole: #568656;
--beanpole-rgb: 86 134 86;
--beanpole-oklch: oklch(0.573 0.089 144.3);
}
.element {
color: var(--beanpole);
background-color: hsl(120 22% 43%);
border-color: oklch(0.573 0.089 144.3);
}Tailwind CSS v4
@theme {
--color-beanpole: #568656;
--color-beanpole-50: #e6fde6;
--color-beanpole-100: #d6f0d7;
--color-beanpole-200: #bcdfbe;
--color-beanpole-300: #9ac49d;
--color-beanpole-400: #7ead7d;
--color-beanpole-500: #609660;
--color-beanpole-600: #527f51;
--color-beanpole-700: #416541;
--color-beanpole-800: #304a2d;
--color-beanpole-900: #20341f;
--color-beanpole-950: #101f0e;
}SCSS
$beanpole: #568656;
$beanpole-rgb: 86, 134, 86;
$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);
}