Dichtstbijzijnde benoemde kleur · #8CB58B
#8CB58B
Dichtstbijzijnde benoemde kleur: Foliage
#8CB58B (rgb(140 181 139), hsl(119 22% 63%), oklch(0.732 0.074 144.2)) komt het dichtst bij de benoemde kleur Foliage. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#8CB58B
oklch(0.732 0.074 144.2)
Kleurconversies
- HEX
- #8cb58b
- RGB
- rgb(140 181 139)
- HSL
- hsl(119 22% 63%)
- HWB
- hwb(119 55% 29%)
- OKLCH
- oklch(0.732 0.074 144.2)
- OKLab
- oklab(0.732 -0.06 0.043)
- CIE Lab
- lab(69.84 -20.53 16.81)
- LCH
- lch(69.84 26.54 140.7)
- CMYK
- cmyk(23% 0% 23% 29%)
Tinten · Schaduwen · Tonen
Tinten
- 97BC96
- A3C4A2
- AECBAD
- B9D2B8
- C5DAC4
- D0E1D0
- DCE9DB
- E8F0E7
- F3F8F3
Schaduwen
- 799D78
- 678666
- 556F54
- 435943
- 334432
- 233023
- 141D14
- 070C07
- 010201
Tonen
- 8BB08A
- 8AAA89
- 89A588
- 88A087
- 879A86
- 859585
- 849084
- 838A82
- 818581
Kleurharmonieën
Complementair +180°
- 8CB58B
Foliage
- C099C3
≈ Lupine
Analoog -30° +30°
- 8CB58B
Foliage
- A7AE78
≈ Tarragon
- 75B8A5
≈ Turtle Lake
Triadisch +120° +240°
- 8CB58B
Foliage
- 91A8D8
≈ Black Drop
- D39691
≈ Keel Joy
Gesplitst complementair +150° +210°
- 8CB58B
Foliage
- ABA0D3
≈ Imperial Lilac
- CE95AB
≈ Honey Pink
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 2.30:1 · APCA Lc 45
Ag
AAAOp zwart
WCAG 9.09:1 · APCA Lc 57
Beste tekstkleur: #000000
WCAG 9.09:1 (AAA) · APCA Lc 57
Contrast pairs
Codefragmenten
CSS
:root {
--foliage: #8cb58b;
--foliage-rgb: 140 181 139;
--foliage-oklch: oklch(0.732 0.074 144.2);
}
.element {
color: var(--foliage);
background-color: hsl(119 22% 63%);
border-color: oklch(0.732 0.074 144.2);
}Tailwind CSS v4
@theme {
--color-foliage: #8cb58b;
--color-foliage-50: #e8fbe9;
--color-foliage-100: #d9efda;
--color-foliage-200: #c1ddc2;
--color-foliage-300: #a0c2a1;
--color-foliage-400: #84aa83;
--color-foliage-500: #679367;
--color-foliage-600: #587d57;
--color-foliage-700: #466446;
--color-foliage-800: #334931;
--color-foliage-900: #233321;
--color-foliage-950: #121e11;
}SCSS
$foliage: #8cb58b;
$foliage-rgb: 140, 181, 139;
$foliage-light: mix(#fff, $foliage, 20%);
$foliage-dark: mix(#000, $foliage, 20%);
.element {
color: $foliage;
box-shadow: 0 0 0 2px rgba($foliage, 0.35);
}