Nazwany kolor · #B3AB98
Shaggy Barked
Shaggy Barked to #B3AB98: rgb(179 171 152), hsl(42 15% 65%), oklch(0.743 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? → · Shaggy Barked color name →
#B3AB98
oklch(0.743 0.028 87.9)
Konwersje koloru
- HEX
- #b3ab98
- RGB
- rgb(179 171 152)
- HSL
- hsl(42 15% 65%)
- HWB
- hwb(42 60% 30%)
- OKLCH
- oklch(0.743 0.028 87.9)
- OKLab
- oklab(0.743 0.001 0.028)
- CIE Lab
- lab(70.27 0.55 10.91)
- LCH
- lch(70.27 10.92 87.1)
- CMYK
- cmyk(0% 4% 15% 30%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- BAB3A2
- C2BBAC
- C9C4B6
- D1CCC0
- D8D4CA
- E0DDD5
- E8E5DF
- EFEEEA
- F7F6F4
Odcienie ciemniejsze
- 9B9484
- 847E70
- 6E685C
- 58544A
- 434038
- 2F2D27
- 1D1B17
- 0C0B08
- 010101
Tony
- AEA796
- A9A293
- A39E91
- 9E9A8E
- 99958C
- 94918A
- 8F8D87
- 8A8885
- 858482
Harmonie kolorów
Komplementarna +180°
- B3AB98
Shaggy Barked
- A4ABBE
≈ Lilac Time
Analogowa -30° +30°
- B3AB98
Shaggy Barked
- BAA89B
≈ Ginger Grey Yellow
- AAAE9B
≈ Desert Pear
Triada +120° +240°
- B3AB98
Shaggy Barked
- 98B1B5
≈ Mohair Soft Blue Grey
- B6A6B5
≈ Plum Frost
Komplementarna rozszczepiona +150° +210°
- B3AB98
Shaggy Barked
- 9CAFBC
≈ Rainy Sidewalk
- ADA8BC
≈ Morning Mist Grey
Tetrada +90° +180° +270°
- B3AB98
Shaggy Barked
- 9AB2AB
≈ Tiamo
- A4ABBE
≈ Lilac Time
- BBA5AB
≈ Cold Pink
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.28:1 · APCA Lc 45
Ag
AAANa czerni
WCAG 9.19:1 · APCA Lc 57
Najlepszy kolor tekstu: #000000
WCAG 9.19:1 (AAA) · APCA Lc 57
Contrast pairs
Fragmenty kodu
CSS
:root {
--shaggy-barked: #b3ab98;
--shaggy-barked-rgb: 179 171 152;
--shaggy-barked-oklch: oklch(0.743 0.028 87.9);
}
.element {
color: var(--shaggy-barked);
background-color: hsl(42 15% 65%);
border-color: oklch(0.743 0.028 87.9);
}Tailwind CSS v4
@theme {
--color-shaggy-barked: #b3ab98;
--color-shaggy-barked-50: #f8f5ec;
--color-shaggy-barked-100: #ebe8de;
--color-shaggy-barked-200: #d9d4c7;
--color-shaggy-barked-300: #bdb7a8;
--color-shaggy-barked-400: #a59e8c;
--color-shaggy-barked-500: #8e8571;
--color-shaggy-barked-600: #787160;
--color-shaggy-barked-700: #605a4d;
--color-shaggy-barked-800: #474237;
--color-shaggy-barked-900: #312d26;
--color-shaggy-barked-950: #1d1a14;
}SCSS
$shaggy-barked: #b3ab98;
$shaggy-barked-rgb: 179, 171, 152;
$shaggy-barked-light: mix(#fff, $shaggy-barked, 20%);
$shaggy-barked-dark: mix(#000, $shaggy-barked, 20%);
.element {
color: $shaggy-barked;
box-shadow: 0 0 0 2px rgba($shaggy-barked, 0.35);
}