Nazwany kolor · #B0A582
Woollen Vest
Woollen Vest to #B0A582: rgb(176 165 130), hsl(46 23% 60%), oklch(0.722 0.05 92.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Woollen Vest color name →
#B0A582
oklch(0.722 0.05 92.7)
Konwersje koloru
- HEX
- #b0a582
- RGB
- rgb(176 165 130)
- HSL
- hsl(46 23% 60%)
- HWB
- hwb(46 51% 31%)
- OKLCH
- oklch(0.722 0.05 92.7)
- OKLab
- oklab(0.722 -0.002 0.05)
- CIE Lab
- lab(68.01 -0.04 19.73)
- LCH
- lch(68.01 19.73 90.1)
- CMYK
- cmyk(0% 6% 26% 31%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B8AE8E
- BFB79A
- C7BFA7
- CFC8B3
- D7D1BF
- DFDACC
- E7E3D9
- EFEDE5
- F7F6F2
Odcienie ciemniejsze
- 998F70
- 82795F
- 6C654E
- 56513E
- 423D2F
- 2E2B20
- 1C1A12
- 0B0A06
- 010101
Tony
- ABA182
- A69E82
- A19A82
- 9C9682
- 989282
- 938F81
- 8E8B81
- 898781
- 858480
Harmonie kolorów
Komplementarna +180°
- B0A582
Woollen Vest
- 9AA4C5
≈ Wild Phlox
Analogowa -30° +30°
- B0A582
Woollen Vest
- BC9F86
≈ Doe Eyes
- 9FAB88
≈ Cucumber Crush
Triada +120° +240°
- B0A582
Woollen Vest
- 81AEB8
≈ Sebastian Inlet
- B99AB3
≈ Cherished
Komplementarna rozszczepiona +150° +210°
- B0A582
Woollen Vest
- 8BAAC3
≈ Colorado Springs
- AB9EC0
≈ Evening Slipper
Tetrada +90° +180° +270°
- B0A582
Woollen Vest
- 83B0A8
≈ Green Room
- 9AA4C5
≈ Wild Phlox
- C199A2
≈ Plum Mouse
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.45:1 · APCA Lc 48
Ag
AAANa czerni
WCAG 8.55:1 · APCA Lc 54
Najlepszy kolor tekstu: #000000
WCAG 8.55:1 (AAA) · APCA Lc 54
Contrast pairs
Fragmenty kodu
CSS
:root {
--woollen-vest: #b0a582;
--woollen-vest-rgb: 176 165 130;
--woollen-vest-oklch: oklch(0.722 0.05 92.7);
}
.element {
color: var(--woollen-vest);
background-color: hsl(46 23% 60%);
border-color: oklch(0.722 0.05 92.7);
}Tailwind CSS v4
@theme {
--color-woollen-vest: #b0a582;
--color-woollen-vest-50: #f9f5e6;
--color-woollen-vest-100: #ede8d6;
--color-woollen-vest-200: #dbd4bd;
--color-woollen-vest-300: #bfb89b;
--color-woollen-vest-400: #a99e7d;
--color-woollen-vest-500: #928660;
--color-woollen-vest-600: #7b7152;
--color-woollen-vest-700: #635b41;
--color-woollen-vest-800: #49422e;
--color-woollen-vest-900: #322d1f;
--color-woollen-vest-950: #1e1a0f;
}SCSS
$woollen-vest: #b0a582;
$woollen-vest-rgb: 176, 165, 130;
$woollen-vest-light: mix(#fff, $woollen-vest, 20%);
$woollen-vest-dark: mix(#000, $woollen-vest, 20%);
.element {
color: $woollen-vest;
box-shadow: 0 0 0 2px rgba($woollen-vest, 0.35);
}