Benoemde kleur · #B09D64
Pesto di Noce
Pesto di Noce is #B09D64: rgb(176 157 100), hsl(45 32% 54%), oklch(0.699 0.079 91.7). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Yellow mean? → · Pesto di Noce color name →
#B09D64
oklch(0.699 0.079 91.7)
Kleurconversies
- HEX
- #b09d64
- RGB
- rgb(176 157 100)
- HSL
- hsl(45 32% 54%)
- HWB
- hwb(45 39% 31%)
- OKLCH
- oklch(0.699 0.079 91.7)
- OKLab
- oklab(0.699 -0.002 0.079)
- CIE Lab
- lab(65.44 1.31 32.45)
- LCH
- lch(65.44 32.48 87.7)
- CMYK
- cmyk(0% 11% 43% 31%)
Tinten · Schaduwen · Tonen
Tinten
- B8A774
- BFB083
- C7BA92
- CFC4A2
- D7CDB1
- DFD7C0
- E7E1D0
- EFEBE0
- F7F5EF
Schaduwen
- 998856
- 827348
- 6C5F3B
- 564C2E
- 423A22
- 2E2816
- 1C180B
- 0B0903
- 010100
Tonen
- AB9A68
- A6976B
- A1946E
- 9C9271
- 988F74
- 938C77
- 8E8979
- 89867C
- 85837E
Kleurharmonieën
Complementair +180°
- B09D64
Pesto di Noce
- 8D9CD0
≈ Velvet Robe
Analoog -30° +30°
- B09D64
Pesto di Noce
- C2936B
≈ Sunset Cloud
- 96A66F
≈ Green Plaza
Triadisch +120° +240°
- B09D64
Pesto di Noce
- 5FACBB
≈ Well Water
- BC8CB4
≈ Tiny Ribbons
Gesplitst complementair +150° +210°
- B09D64
Pesto di Noce
- 71A5CB
≈ Wandering River
- A793C8
≈ Gorgeous Hydrangea
Tetradisch +90° +180° +270°
- B09D64
Pesto di Noce
- 62AFA2
≈ Green Crush
- 8D9CD0
≈ Velvet Robe
- C88A9B
≈ Puce
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 2.67:1 · APCA Lc 52
Ag
AAAOp zwart
WCAG 7.85:1 · APCA Lc 50
Beste tekstkleur: #000000
WCAG 7.85:1 (AAA) · APCA Lc 50
Contrast pairs
Codefragmenten
CSS
:root {
--pesto-di-noce: #b09d64;
--pesto-di-noce-rgb: 176 157 100;
--pesto-di-noce-oklch: oklch(0.699 0.079 91.7);
}
.element {
color: var(--pesto-di-noce);
background-color: hsl(45 32% 54%);
border-color: oklch(0.699 0.079 91.7);
}Tailwind CSS v4
@theme {
--color-pesto-di-noce: #b09d64;
--color-pesto-di-noce-50: #fcf5dc;
--color-pesto-di-noce-100: #f0e8cb;
--color-pesto-di-noce-200: #dfd4af;
--color-pesto-di-noce-300: #c5b789;
--color-pesto-di-noce-400: #af9d68;
--color-pesto-di-noce-500: #998445;
--color-pesto-di-noce-600: #81703b;
--color-pesto-di-noce-700: #685a2f;
--color-pesto-di-noce-800: #4d4121;
--color-pesto-di-noce-900: #362d15;
--color-pesto-di-noce-950: #211a07;
}SCSS
$pesto-di-noce: #b09d64;
$pesto-di-noce-rgb: 176, 157, 100;
$pesto-di-noce-light: mix(#fff, $pesto-di-noce, 20%);
$pesto-di-noce-dark: mix(#000, $pesto-di-noce, 20%);
.element {
color: $pesto-di-noce;
box-shadow: 0 0 0 2px rgba($pesto-di-noce, 0.35);
}