Dichtstbijzijnde benoemde kleur · #9DBB89
#9DBB89
Dichtstbijzijnde benoemde kleur: Foliage
#9DBB89 (rgb(157 187 137), hsl(96 27% 64%), oklch(0.757 0.077 133.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.
#9DBB89
oklch(0.757 0.077 133.2)
Kleurconversies
- HEX
- #9dbb89
- RGB
- rgb(157 187 137)
- HSL
- hsl(96 27% 64%)
- HWB
- hwb(96 54% 27%)
- OKLCH
- oklch(0.757 0.077 133.2)
- OKLab
- oklab(0.757 -0.052 0.056)
- CIE Lab
- lab(72.66 -17.43 21.91)
- LCH
- lch(72.66 28 128.5)
- CMYK
- cmyk(16% 0% 27% 27%)
Tinten · Schaduwen · Tonen
Tinten
- A7C295
- B0C9A0
- BACFAC
- C3D6B8
- CDDDC3
- D7E4CF
- E1EADB
- EBF1E7
- F5F8F3
Schaduwen
- 88A276
- 738A64
- 5F7353
- 4C5C42
- 3A4631
- 283222
- 181F14
- 090D07
- 010201
Tonen
- 9AB588
- 97AF88
- 94A987
- 91A386
- 8F9D85
- 8C9784
- 899183
- 868C82
- 838681
Kleurharmonieën
Complementair +180°
- 9DBB89
Foliage
- C1A2D3
≈ Enchanted Lavender
Analoog -30° +30°
- 9DBB89
Foliage
- B8B379
≈ Misty Moss
- 82C0A2
≈ Baby Cake
Triadisch +120° +240°
- 9DBB89
Foliage
- 8EB3E0
≈ Blue Skies Today
- DC9CA2
≈ Glamour
Gesplitst complementair +150° +210°
- 9DBB89
Foliage
- A9AAE0
≈ Maximum Blue Purple
- D39DBD
≈ Sweet Perfume
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 2.12:1 · APCA Lc 42
Ag
AAAOp zwart
WCAG 9.90:1 · APCA Lc 61
Beste tekstkleur: #000000
WCAG 9.90:1 (AAA) · APCA Lc 61
Contrast pairs
Codefragmenten
CSS
:root {
--foliage: #9dbb89;
--foliage-rgb: 157 187 137;
--foliage-oklch: oklch(0.757 0.077 133.2);
}
.element {
color: var(--foliage);
background-color: hsl(96 27% 64%);
border-color: oklch(0.757 0.077 133.2);
}Tailwind CSS v4
@theme {
--color-foliage: #9dbb89;
--color-foliage-50: #ecfbe5;
--color-foliage-100: #ddeed5;
--color-foliage-200: #c6dcbc;
--color-foliage-300: #a7c19a;
--color-foliage-400: #8da97a;
--color-foliage-500: #72915c;
--color-foliage-600: #617b4e;
--color-foliage-700: #4d623e;
--color-foliage-800: #39482c;
--color-foliage-900: #27321d;
--color-foliage-950: #151e0d;
}SCSS
$foliage: #9dbb89;
$foliage-rgb: 157, 187, 137;
$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);
}