Adlandırılmış renk · #B1AB96
Oyster Linen
Oyster Linen, #B1AB96: rgb(177 171 150), hsl(47 15% 64%), oklch(0.74 0.03 93.8). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Oyster Linen color name →
#B1AB96
oklch(0.74 0.03 93.8)
Renk dönüşümleri
- HEX
- #b1ab96
- RGB
- rgb(177 171 150)
- HSL
- hsl(47 15% 64%)
- HWB
- hwb(47 59% 31%)
- OKLCH
- oklch(0.74 0.03 93.8)
- OKLab
- oklab(0.74 -0.002 0.03)
- CIE Lab
- lab(70.05 -0.46 11.67)
- LCH
- lch(70.05 11.68 92.3)
- CMYK
- cmyk(0% 3% 15% 31%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- B9B3A0
- C0BBAA
- C8C4B5
- D0CCBF
- D7D4C9
- DFDDD4
- E7E5DF
- EFEEE9
- F7F6F4
Koyu tonlar
- 999482
- 837E6E
- 6C685B
- 575449
- 424037
- 2F2D26
- 1C1B16
- 0C0B08
- 010101
Gri tonlar
- ACA794
- A7A292
- A29E8F
- 9D9A8D
- 98958B
- 939189
- 8E8D87
- 8A8884
- 858482
Renk uyumları
Tamamlayıcı +180°
- B1AB96
Oyster Linen
- A5AABF
≈ Lilac Time
Analog -30° +30°
- B1AB96
Oyster Linen
- B9A798
≈ Ginger Grey Yellow
- A7AE9A
≈ Desert Pear
Üçlü +120° +240°
- B1AB96
Oyster Linen
- 96B0B7
≈ Mountain Stream
- B7A4B3
≈ Buckwheat Mauve
Bölünmüş tamamlayıcı +150° +210°
- B1AB96
Oyster Linen
- 9BAEBD
≈ Russian Blue
- AFA7BB
≈ Morning Mist Grey
Dörtlü +90° +180° +270°
- B1AB96
Oyster Linen
- 97B2AD
≈ Smooth-Hound Shark
- A5AABF
≈ Lilac Time
- BDA3A9
≈ Magical Mauve
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.29:1 · APCA Lc 45
Ag
AAASiyah üzerinde
WCAG 9.13:1 · APCA Lc 57
En iyi metin rengi: #000000
WCAG 9.13:1 (AAA) · APCA Lc 57
Contrast pairs
Kod parçacıkları
CSS
:root {
--oyster-linen: #b1ab96;
--oyster-linen-rgb: 177 171 150;
--oyster-linen-oklch: oklch(0.74 0.03 93.8);
}
.element {
color: var(--oyster-linen);
background-color: hsl(47 15% 64%);
border-color: oklch(0.74 0.03 93.8);
}Tailwind CSS v4
@theme {
--color-oyster-linen: #b1ab96;
--color-oyster-linen-50: #f7f5ec;
--color-oyster-linen-100: #ebe8dd;
--color-oyster-linen-200: #d8d4c6;
--color-oyster-linen-300: #bcb8a7;
--color-oyster-linen-400: #a49e8b;
--color-oyster-linen-500: #8d8670;
--color-oyster-linen-600: #77725f;
--color-oyster-linen-700: #5f5b4c;
--color-oyster-linen-800: #464237;
--color-oyster-linen-900: #302e25;
--color-oyster-linen-950: #1d1a14;
}SCSS
$oyster-linen: #b1ab96;
$oyster-linen-rgb: 177, 171, 150;
$oyster-linen-light: mix(#fff, $oyster-linen, 20%);
$oyster-linen-dark: mix(#000, $oyster-linen, 20%);
.element {
color: $oyster-linen;
box-shadow: 0 0 0 2px rgba($oyster-linen, 0.35);
}