Dichtstbijzijnde benoemde kleur · #7AB859
#7AB859
Dichtstbijzijnde benoemde kleur: Leafy Greens
#7AB859 (rgb(122 184 89), hsl(99 40% 54%), oklch(0.719 0.143 135.8)) komt het dichtst bij de benoemde kleur Leafy Greens. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#7AB859
oklch(0.719 0.143 135.8)
Kleurconversies
- HEX
- #7ab859
- RGB
- rgb(122 184 89)
- HSL
- hsl(99 40% 54%)
- HWB
- hwb(99 35% 28%)
- OKLCH
- oklch(0.719 0.143 135.8)
- OKLab
- oklab(0.719 -0.103 0.1)
- CIE Lab
- lab(68.97 -33.66 41.15)
- LCH
- lch(68.97 53.16 129.3)
- CMYK
- cmyk(34% 0% 52% 28%)
Tinten · Schaduwen · Tonen
Tinten
- 87BF6B
- 95C77C
- A2CE8D
- AFD59D
- BCDCAD
- C9E3BE
- D7EACE
- E4F1DE
- F2F8EF
Schaduwen
- 69A04C
- 598840
- 497134
- 3A5B28
- 2B451D
- 1D3113
- 101E09
- 050C03
- 010200
Tonen
- 7BB25F
- 7CAD64
- 7DA768
- 7EA26C
- 7F9C70
- 7F9774
- 7F9177
- 808B7A
- 80867D
Kleurharmonieën
Complementair +180°
- 7AB859
Leafy Greens
- C787E0
≈ Blush Essence
Analoog -30° +30°
- 7AB859
Leafy Greens
- B1A924
≈ Earls Green
- 21C08F
≈ Blarney
Triadisch +120° +240°
- 7AB859
Leafy Greens
- 64A6FC
≈ Âbi Blue
- F07B86
≈ Flower Blossom Pink
Gesplitst complementair +150° +210°
- 7AB859
Leafy Greens
- 9D95F9
≈ Cobalite
- E37DB7
≈ Fuchsia Blush
Tetradisch +90° +180° +270°
- 7AB859
Leafy Greens
- 00B5E5
≈ Blue Atoll
- C787E0
≈ Blush Essence
- EC8552
≈ Gravlax
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 2.37:1 · APCA Lc 47
Ag
AAAOp zwart
WCAG 8.82:1 · APCA Lc 55
Beste tekstkleur: #000000
WCAG 8.82:1 (AAA) · APCA Lc 55
Contrast pairs
Codefragmenten
CSS
:root {
--leafy-greens: #7ab859;
--leafy-greens-rgb: 122 184 89;
--leafy-greens-oklch: oklch(0.719 0.143 135.8);
}
.element {
color: var(--leafy-greens);
background-color: hsl(99 40% 54%);
border-color: oklch(0.719 0.143 135.8);
}Tailwind CSS v4
@theme {
--color-leafy-greens: #7ab859;
--color-leafy-greens-50: #e2ffd8;
--color-leafy-greens-100: #d1f4c5;
--color-leafy-greens-200: #b7e3a7;
--color-leafy-greens-300: #93c980;
--color-leafy-greens-400: #77b158;
--color-leafy-greens-500: #579a2d;
--color-leafy-greens-600: #4a8328;
--color-leafy-greens-700: #3b6920;
--color-leafy-greens-800: #2d4c12;
--color-leafy-greens-900: #1e350b;
--color-leafy-greens-950: #0e2001;
}SCSS
$leafy-greens: #7ab859;
$leafy-greens-rgb: 122, 184, 89;
$leafy-greens-light: mix(#fff, $leafy-greens, 20%);
$leafy-greens-dark: mix(#000, $leafy-greens, 20%);
.element {
color: $leafy-greens;
box-shadow: 0 0 0 2px rgba($leafy-greens, 0.35);
}