Dichtstbijzijnde benoemde kleur · #82B489
#82B489
Dichtstbijzijnde benoemde kleur: Verde
#82B489 (rgb(130 180 137), hsl(128 25% 61%), oklch(0.723 0.082 148.4)) komt het dichtst bij de benoemde kleur Verde. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#82B489
oklch(0.723 0.082 148.4)
Kleurconversies
- HEX
- #82b489
- RGB
- rgb(130 180 137)
- HSL
- hsl(128 25% 61%)
- HWB
- hwb(128 51% 29%)
- OKLCH
- oklch(0.723 0.082 148.4)
- OKLab
- oklab(0.723 -0.069 0.043)
- CIE Lab
- lab(68.9 -23.82 16.48)
- LCH
- lch(68.9 28.96 145.3)
- CMYK
- cmyk(28% 0% 24% 29%)
Tinten · Schaduwen · Tonen
Tinten
- 8EBB94
- 9BC3A0
- A7CAAB
- B4D2B7
- C0D9C3
- CDE1CF
- D9E8DB
- E6F0E7
- F2F7F3
Schaduwen
- 709C76
- 5F8564
- 4E6E53
- 3E5842
- 2F4431
- 203022
- 121D14
- 060C07
- 010201
Tonen
- 82AF88
- 82AA87
- 82A487
- 829F86
- 829A85
- 829584
- 829083
- 818A82
- 818581
Kleurharmonieën
Complementair +180°
- 82B489
Verde
- C293BF
≈ La la Love
Analoog -30° +30°
Triadisch +120° +240°
- 82B489
Verde
- 90A4D9
≈ Dalmatian Sage
- D49289
≈ Peach Preserve
Gesplitst complementair +150° +210°
- 82B489
Verde
- AC9BD2
≈ Biloba Flower
- D090A5
≈ Kiss
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 2.37:1 · APCA Lc 47
Ag
AAAOp zwart
WCAG 8.83:1 · APCA Lc 55
Beste tekstkleur: #000000
WCAG 8.83:1 (AAA) · APCA Lc 55
Contrast pairs
Codefragmenten
CSS
:root {
--verde: #82b489;
--verde-rgb: 130 180 137;
--verde-oklch: oklch(0.723 0.082 148.4);
}
.element {
color: var(--verde);
background-color: hsl(128 25% 61%);
border-color: oklch(0.723 0.082 148.4);
}Tailwind CSS v4
@theme {
--color-verde: #82b489;
--color-verde-50: #e5fce9;
--color-verde-100: #d5f0da;
--color-verde-200: #bcdfc2;
--color-verde-300: #9ac4a2;
--color-verde-400: #7dac84;
--color-verde-500: #5f9568;
--color-verde-600: #517e58;
--color-verde-700: #406546;
--color-verde-800: #2f4a31;
--color-verde-900: #203321;
--color-verde-950: #0f1f11;
}SCSS
$verde: #82b489;
$verde-rgb: 130, 180, 137;
$verde-light: mix(#fff, $verde, 20%);
$verde-dark: mix(#000, $verde, 20%);
.element {
color: $verde;
box-shadow: 0 0 0 2px rgba($verde, 0.35);
}