Cor nomeada · #B4C79C
Wasabi Peanut
Wasabi Peanut é #B4C79C: rgb(180 199 156), hsl(87 28% 70%), oklch(0.804 0.062 127.1). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Green mean? → · Wasabi Peanut color name →
#B4C79C
oklch(0.804 0.062 127.1)
Conversões de cor
- HEX
- #b4c79c
- RGB
- rgb(180 199 156)
- HSL
- hsl(87 28% 70%)
- HWB
- hwb(87 61% 22%)
- OKLCH
- oklch(0.804 0.062 127.1)
- OKLab
- oklab(0.804 -0.038 0.05)
- CIE Lab
- lab(77.94 -12.39 19.35)
- LCH
- lch(77.94 22.98 122.6)
- CMYK
- cmyk(10% 0% 22% 22%)
Tons claros · Sombras · Tons
Tons claros
- BBCDA6
- C3D2B0
- CAD8B9
- D1DDC3
- D9E3CD
- E0E8D7
- E8EEE1
- F0F4EB
- F7F9F5
Sombras
- 9CAD87
- 859373
- 6E7A5F
- 58624C
- 444C39
- 303628
- 1D2118
- 0C0E09
- 020201
Tons
- AFC099
- A9B897
- A4B194
- 9FAA91
- 9AA38E
- 949C8C
- 8F9589
- 8A8E86
- 858783
Harmonias de cor
Complementar +180°
- B4C79C
Wasabi Peanut
- C9B5DF
≈ Viking Diva
Análoga -30° +30°
- B4C79C
Wasabi Peanut
- CAC092
≈ Parlour Sage
- 9ECCAF
≈ Retro Mint
Tríade +120° +240°
- B4C79C
Wasabi Peanut
- 9FC3E6
≈ Pale Cerulean
- E3AFB8
≈ Sakura
Complementar dividida +150° +210°
- B4C79C
Wasabi Peanut
- B4BCE8
≈ Spoiled Rotten
- DAB0CE
≈ Violet Vamp
Tétrade +90° +180° +270°
- B4C79C
Wasabi Peanut
- 91C9D9
≈ Baby Motive
- C9B5DF
≈ Viking Diva
- E4B2A3
≈ Shilo
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.81:1 · APCA Lc 34
Ag
AAASobre preto
WCAG 11.59:1 · APCA Lc 69
Melhor cor de texto: #000000
WCAG 11.59:1 (AAA) · APCA Lc 69
Contrast pairs
Trechos de código
CSS
:root {
--wasabi-peanut: #b4c79c;
--wasabi-peanut-rgb: 180 199 156;
--wasabi-peanut-oklch: oklch(0.804 0.062 127.1);
}
.element {
color: var(--wasabi-peanut);
background-color: hsl(87 28% 70%);
border-color: oklch(0.804 0.062 127.1);
}Tailwind CSS v4
@theme {
--color-wasabi-peanut: #b4c79c;
--color-wasabi-peanut-50: #f0f9e6;
--color-wasabi-peanut-100: #e1ecd7;
--color-wasabi-peanut-200: #ccdabe;
--color-wasabi-peanut-300: #adbe9d;
--color-wasabi-peanut-400: #94a67e;
--color-wasabi-peanut-500: #7b8e61;
--color-wasabi-peanut-600: #687853;
--color-wasabi-peanut-700: #536042;
--color-wasabi-peanut-800: #3d462e;
--color-wasabi-peanut-900: #2a311f;
--color-wasabi-peanut-950: #181d0f;
}SCSS
$wasabi-peanut: #b4c79c;
$wasabi-peanut-rgb: 180, 199, 156;
$wasabi-peanut-light: mix(#fff, $wasabi-peanut, 20%);
$wasabi-peanut-dark: mix(#000, $wasabi-peanut, 20%);
.element {
color: $wasabi-peanut;
box-shadow: 0 0 0 2px rgba($wasabi-peanut, 0.35);
}