Dichtstbijzijnde benoemde kleur · #949F76
#949F76
Dichtstbijzijnde benoemde kleur: Forester
#949F76 (rgb(148 159 118), hsl(76 18% 54%), oklch(0.683 0.059 120.2)) komt het dichtst bij de benoemde kleur Forester. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#949F76
oklch(0.683 0.059 120.2)
Kleurconversies
- HEX
- #949f76
- RGB
- rgb(148 159 118)
- HSL
- hsl(76 18% 54%)
- HWB
- hwb(76 46% 38%)
- OKLCH
- oklch(0.683 0.059 120.2)
- OKLab
- oklab(0.683 -0.03 0.051)
- CIE Lab
- lab(63.79 -9.47 20.1)
- LCH
- lch(63.79 22.22 115.2)
- CMYK
- cmyk(7% 0% 26% 38%)
Tinten · Schaduwen · Tonen
Tinten
- 9EA883
- A8B291
- B3BB9E
- BDC5AB
- C8CEB9
- D3D8C7
- DEE2D5
- E9EBE3
- F4F5F1
Schaduwen
- 808A66
- 6D7556
- 5A6147
- 484D38
- 363B29
- 26291C
- 16180F
- 080905
- 010101
Tonen
- 929C77
- 909978
- 8E967A
- 8C937B
- 8A907C
- 888C7D
- 86897E
- 84867E
- 82837F
Kleurharmonieën
Complementair +180°
- 949F76
Forester
- 9F91B9
≈ Wizard’s Brew
Analoog -30° +30°
- 949F76
Forester
- A7986F
≈ Eco Green
- 7FA486
≈ Corporate Green
Triadisch +120° +240°
- 949F76
Forester
- 789FBA
≈ Blue Nile
- B98A97
≈ Monastir
Gesplitst complementair +150° +210°
- 949F76
Forester
- 8B98BE
≈ Manifest Destiny
- AF8CAB
≈ Voila!
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 2.80:1 · APCA Lc 54
Ag
AAAOp zwart
WCAG 7.48:1 · APCA Lc 48
Beste tekstkleur: #000000
WCAG 7.48:1 (AAA) · APCA Lc 48
Contrast pairs
Codefragmenten
CSS
:root {
--forester: #949f76;
--forester-rgb: 148 159 118;
--forester-oklch: oklch(0.683 0.059 120.2);
}
.element {
color: var(--forester);
background-color: hsl(76 18% 54%);
border-color: oklch(0.683 0.059 120.2);
}Tailwind CSS v4
@theme {
--color-forester: #949f76;
--color-forester-50: #f2f8e6;
--color-forester-100: #e4ebd6;
--color-forester-200: #d0d9bd;
--color-forester-300: #b2bd9c;
--color-forester-400: #99a47d;
--color-forester-500: #818c60;
--color-forester-600: #6d7751;
--color-forester-700: #575f41;
--color-forester-800: #40452e;
--color-forester-900: #2c301f;
--color-forester-950: #191c0f;
}SCSS
$forester: #949f76;
$forester-rgb: 148, 159, 118;
$forester-light: mix(#fff, $forester, 20%);
$forester-dark: mix(#000, $forester, 20%);
.element {
color: $forester;
box-shadow: 0 0 0 2px rgba($forester, 0.35);
}