Color con nombre · #BEBA82
Slippery Moss
Slippery Moss es #BEBA82: rgb(190 186 130), hsl(56 32% 63%), oklch(0.779 0.075 104.5). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Yellow mean? → · Slippery Moss color name →
#BEBA82
oklch(0.779 0.075 104.5)
Conversiones de color
- HEX
- #beba82
- RGB
- rgb(190 186 130)
- HSL
- hsl(56 32% 63%)
- HWB
- hwb(56 51% 25%)
- OKLCH
- oklch(0.779 0.075 104.5)
- OKLab
- oklab(0.779 -0.019 0.072)
- CIE Lab
- lab(74.83 -4.96 29.01)
- LCH
- lch(74.83 29.43 99.7)
- CMYK
- cmyk(0% 2% 32% 25%)
Tintes · Sombras · Tonos
Tintes
- C4C18F
- CBC89B
- D1CFA8
- D7D5B4
- DEDCC0
- E4E3CD
- EBEAD9
- F2F1E6
- F8F8F2
Sombras
- A5A170
- 8C895F
- 75724E
- 5E5C3E
- 48462F
- 333220
- 1F1E12
- 0D0D06
- 020201
Tonos
- B8B482
- B1AE83
- ABA883
- A5A383
- 9E9D82
- 989782
- 929182
- 8C8B81
- 868681
Armonías de color
Complementario +180°
- BEBA82
Slippery Moss
- B1B1E6
≈ Maximum Blue Purple
Análogo -30° +30°
- BEBA82
Slippery Moss
- D4B181
≈ Spiced Cashews
- A3C292
≈ Cos
Triádico +120° +240°
- BEBA82
Slippery Moss
- 81C2DB
≈ Blue Charm
- DAA4C2
≈ Rhubarb Gin
Complementario dividido +150° +210°
- BEBA82
Slippery Moss
- 97BAE6
≈ Honest
- C9A9D8
≈ Darling Lilac
Tetrádico +90° +180° +270°
- BEBA82
Slippery Moss
- 7CC6C5
≈ Booty Bay
- B1B1E6
≈ Maximum Blue Purple
- E3A4A8
≈ Berry Riche
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.99:1 · APCA Lc 39
Ag
AAASobre negro
WCAG 10.53:1 · APCA Lc 64
Mejor color de texto: #000000
WCAG 10.53:1 (AAA) · APCA Lc 64
Contrast pairs
Fragmentos de código
CSS
:root {
--slippery-moss: #beba82;
--slippery-moss-rgb: 190 186 130;
--slippery-moss-oklch: oklch(0.779 0.075 104.5);
}
.element {
color: var(--slippery-moss);
background-color: hsl(56 32% 63%);
border-color: oklch(0.779 0.075 104.5);
}Tailwind CSS v4
@theme {
--color-slippery-moss: #beba82;
--color-slippery-moss-50: #f7f7df;
--color-slippery-moss-100: #eaeace;
--color-slippery-moss-200: #d8d7b3;
--color-slippery-moss-300: #bcba8e;
--color-slippery-moss-400: #a5a16d;
--color-slippery-moss-500: #8e894c;
--color-slippery-moss-600: #787441;
--color-slippery-moss-700: #605d34;
--color-slippery-moss-800: #474324;
--color-slippery-moss-900: #312f18;
--color-slippery-moss-950: #1d1b09;
}SCSS
$slippery-moss: #beba82;
$slippery-moss-rgb: 190, 186, 130;
$slippery-moss-light: mix(#fff, $slippery-moss, 20%);
$slippery-moss-dark: mix(#000, $slippery-moss, 20%);
.element {
color: $slippery-moss;
box-shadow: 0 0 0 2px rgba($slippery-moss, 0.35);
}