Nazwany kolor · #B0A895
Linseed
Linseed to #B0A895: rgb(176 168 149), hsl(42 15% 64%), oklch(0.733 0.028 87.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Linseed color name →
#B0A895
oklch(0.733 0.028 87.9)
Konwersje koloru
- HEX
- #b0a895
- RGB
- rgb(176 168 149)
- HSL
- hsl(42 15% 64%)
- HWB
- hwb(42 58% 31%)
- OKLCH
- oklch(0.733 0.028 87.9)
- OKLab
- oklab(0.733 0.001 0.028)
- CIE Lab
- lab(69.15 0.55 10.94)
- LCH
- lch(69.15 10.96 87.1)
- CMYK
- cmyk(0% 5% 15% 31%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B8B09F
- BFB9A9
- C7C1B4
- CFCABE
- D7D3C9
- DFDBD4
- E7E4DE
- EFEDE9
- F7F6F4
Odcienie ciemniejsze
- 999281
- 827C6D
- 6C675A
- 565248
- 423F37
- 2E2C26
- 1C1A16
- 0B0A08
- 010101
Tony
- ABA493
- A6A091
- A19C8F
- 9C988D
- 98948B
- 939088
- 8E8C86
- 898884
- 858482
Harmonie kolorów
Komplementarna +180°
- B0A895
Linseed
- A1A8BB
≈ Ridge View
Analogowa -30° +30°
- B0A895
Linseed
- B7A598
≈ Utterly Beige
- A7AB98
≈ Moorland
Triada +120° +240°
- B0A895
Linseed
- 95AEB2
≈ Quiet Moment
- B3A3B2
≈ Midsummer Twilight
Komplementarna rozszczepiona +150° +210°
- B0A895
Linseed
- 99ACB9
≈ Chicago Skyline
- AAA5B9
≈ Morning Mist Grey
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.36:1 · APCA Lc 47
Ag
AAANa czerni
WCAG 8.88:1 · APCA Lc 55
Najlepszy kolor tekstu: #000000
WCAG 8.88:1 (AAA) · APCA Lc 55
Contrast pairs
Fragmenty kodu
CSS
:root {
--linseed: #b0a895;
--linseed-rgb: 176 168 149;
--linseed-oklch: oklch(0.733 0.028 87.9);
}
.element {
color: var(--linseed);
background-color: hsl(42 15% 64%);
border-color: oklch(0.733 0.028 87.9);
}Tailwind CSS v4
@theme {
--color-linseed: #b0a895;
--color-linseed-50: #f8f5ec;
--color-linseed-100: #ebe8de;
--color-linseed-200: #d9d4c7;
--color-linseed-300: #bdb7a7;
--color-linseed-400: #a59e8c;
--color-linseed-500: #8e8571;
--color-linseed-600: #787160;
--color-linseed-700: #605a4d;
--color-linseed-800: #474237;
--color-linseed-900: #312d26;
--color-linseed-950: #1d1a14;
}SCSS
$linseed: #b0a895;
$linseed-rgb: 176, 168, 149;
$linseed-light: mix(#fff, $linseed, 20%);
$linseed-dark: mix(#000, $linseed, 20%);
.element {
color: $linseed;
box-shadow: 0 0 0 2px rgba($linseed, 0.35);
}