Dichtstbijzijnde benoemde kleur · #9BBE8A
#9BBE8A
Dichtstbijzijnde benoemde kleur: Foliage
#9BBE8A (rgb(155 190 138), hsl(100 29% 64%), oklch(0.762 0.081 135.6)) komt het dichtst bij de benoemde kleur Foliage. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#9BBE8A
oklch(0.762 0.081 135.6)
Kleurconversies
- HEX
- #9bbe8a
- RGB
- rgb(155 190 138)
- HSL
- hsl(100 29% 64%)
- HWB
- hwb(100 54% 25%)
- OKLCH
- oklch(0.762 0.081 135.6)
- OKLab
- oklab(0.762 -0.058 0.057)
- CIE Lab
- lab(73.38 -19.46 22.32)
- LCH
- lch(73.38 29.61 131.1)
- CMYK
- cmyk(18% 0% 27% 25%)
Tinten · Schaduwen · Tonen
Tinten
- A5C496
- AFCBA1
- B8D1AD
- C2D8B8
- CCDEC4
- D6E5D0
- E0EBDB
- EBF2E7
- F5F8F3
Schaduwen
- 86A577
- 728C65
- 5E7553
- 4B5E42
- 394832
- 283322
- 181F14
- 090D07
- 010201
Tonen
- 98B889
- 96B189
- 93AB88
- 90A587
- 8E9F86
- 8B9985
- 889284
- 868C82
- 838681
Kleurharmonieën
Complementair +180°
- 9BBE8A
Foliage
- C6A2D5
≈ Lilac Lace
Analoog -30° +30°
- 9BBE8A
Foliage
- B9B578
≈ Misty Moss
- 7EC3A6
≈ Green Balloon
Triadisch +120° +240°
- 9BBE8A
Foliage
- 8FB4E5
≈ Adrift on the Nile
- E19DA1
≈ Pimlico
Gesplitst complementair +150° +210°
- 9BBE8A
Foliage
- ACABE4
≈ Maximum Blue Purple
- D89DBD
≈ Pink Begonia
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 2.07:1 · APCA Lc 40
Ag
AAAOp zwart
WCAG 10.12:1 · APCA Lc 62
Beste tekstkleur: #000000
WCAG 10.12:1 (AAA) · APCA Lc 62
Contrast pairs
Codefragmenten
CSS
:root {
--foliage: #9bbe8a;
--foliage-rgb: 155 190 138;
--foliage-oklch: oklch(0.762 0.081 135.6);
}
.element {
color: var(--foliage);
background-color: hsl(100 29% 64%);
border-color: oklch(0.762 0.081 135.6);
}Tailwind CSS v4
@theme {
--color-foliage: #9bbe8a;
--color-foliage-50: #eafbe5;
--color-foliage-100: #dbefd4;
--color-foliage-200: #c4ddbb;
--color-foliage-300: #a4c299;
--color-foliage-400: #89aa79;
--color-foliage-500: #6e935b;
--color-foliage-600: #5d7c4e;
--color-foliage-700: #4a633e;
--color-foliage-800: #37492b;
--color-foliage-900: #25321d;
--color-foliage-950: #141e0d;
}SCSS
$foliage: #9bbe8a;
$foliage-rgb: 155, 190, 138;
$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);
}