Cor nomeada · #B09D64
Pesto di Noce
Pesto di Noce é #B09D64: rgb(176 157 100), hsl(45 32% 54%), oklch(0.699 0.079 91.7). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Pesto di Noce color name →
#B09D64
oklch(0.699 0.079 91.7)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- B8A774
- BFB083
- C7BA92
- CFC4A2
- D7CDB1
- DFD7C0
- E7E1D0
- EFEBE0
- F7F5EF
Sombras
- 998856
- 827348
- 6C5F3B
- 564C2E
- 423A22
- 2E2816
- 1C180B
- 0B0903
- 010100
Tons
- AB9A68
- A6976B
- A1946E
- 9C9271
- 988F74
- 938C77
- 8E8979
- 89867C
- 85837E
Harmonias de cor
Complementar +180°
- B09D64
Pesto di Noce
- 8D9CD0
≈ Velvet Robe
Análoga -30° +30°
- B09D64
Pesto di Noce
- C2936B
≈ Sunset Cloud
- 96A66F
≈ Green Plaza
Tríade +120° +240°
- B09D64
Pesto di Noce
- 5FACBB
≈ Well Water
- BC8CB4
≈ Tiny Ribbons
Complementar dividida +150° +210°
- B09D64
Pesto di Noce
- 71A5CB
≈ Wandering River
- A793C8
≈ Gorgeous Hydrangea
Tétrade +90° +180° +270°
- B09D64
Pesto di Noce
- 62AFA2
≈ Green Crush
- 8D9CD0
≈ Velvet Robe
- C88A9B
≈ Puce
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.67:1 · APCA Lc 52
Ag
AAASobre preto
WCAG 7.85:1 · APCA Lc 50
Melhor cor de texto: #000000
WCAG 7.85:1 (AAA) · APCA Lc 50
Contrast pairs
Trechos de código
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);
}