Adlandırılmış renk · #BEBA82
Slippery Moss
Slippery Moss, #BEBA82: rgb(190 186 130), hsl(56 32% 63%), oklch(0.779 0.075 104.5). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Yellow mean? → · Slippery Moss color name →
#BEBA82
oklch(0.779 0.075 104.5)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- C4C18F
- CBC89B
- D1CFA8
- D7D5B4
- DEDCC0
- E4E3CD
- EBEAD9
- F2F1E6
- F8F8F2
Koyu tonlar
- A5A170
- 8C895F
- 75724E
- 5E5C3E
- 48462F
- 333220
- 1F1E12
- 0D0D06
- 020201
Gri tonlar
- B8B482
- B1AE83
- ABA883
- A5A383
- 9E9D82
- 989782
- 929182
- 8C8B81
- 868681
Renk uyumları
Tamamlayıcı +180°
- BEBA82
Slippery Moss
- B1B1E6
≈ Maximum Blue Purple
Analog -30° +30°
- BEBA82
Slippery Moss
- D4B181
≈ Spiced Cashews
- A3C292
≈ Cos
Üçlü +120° +240°
- BEBA82
Slippery Moss
- 81C2DB
≈ Blue Charm
- DAA4C2
≈ Rhubarb Gin
Bölünmüş tamamlayıcı +150° +210°
- BEBA82
Slippery Moss
- 97BAE6
≈ Honest
- C9A9D8
≈ Darling Lilac
Dörtlü +90° +180° +270°
- BEBA82
Slippery Moss
- 7CC6C5
≈ Booty Bay
- B1B1E6
≈ Maximum Blue Purple
- E3A4A8
≈ Berry Riche
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.99:1 · APCA Lc 39
Ag
AAASiyah üzerinde
WCAG 10.53:1 · APCA Lc 64
En iyi metin rengi: #000000
WCAG 10.53:1 (AAA) · APCA Lc 64
Contrast pairs
Kod parçacıkları
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);
}