Nazwany kolor · #B8AC9E
Tapestry Beige
Tapestry Beige to #B8AC9E: rgb(184 172 158), hsl(32 15% 67%), oklch(0.751 0.024 71.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Tapestry Beige color name →
#B8AC9E
oklch(0.751 0.024 71.7)
Konwersje koloru
- HEX
- #b8ac9e
- RGB
- rgb(184 172 158)
- HSL
- hsl(32 15% 67%)
- HWB
- hwb(32 62% 28%)
- OKLCH
- oklch(0.751 0.024 71.7)
- OKLab
- oklab(0.751 0.008 0.023)
- CIE Lab
- lab(71.09 2.68 8.86)
- LCH
- lch(71.09 9.26 73.1)
- CMYK
- cmyk(0% 7% 14% 28%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- BFB4A7
- C6BCB1
- CDC4BA
- D4CDC4
- DBD5CE
- E2DDD7
- E9E6E1
- F1EEEB
- F8F6F5
Odcienie ciemniejsze
- A09589
- 887F74
- 716960
- 5B544D
- 45403A
- 312D29
- 1E1B18
- 0C0B09
- 020101
Tony
- B2A89B
- ADA398
- A79F95
- A19A92
- 9C968F
- 96918C
- 908D89
- 8B8986
- 858483
Harmonie kolorów
Komplementarna +180°
- B8AC9E
Tapestry Beige
- A3B0BD
≈ Sensitivity
Analogowa -30° +30°
- B8AC9E
Tapestry Beige
- BCAAA3
≈ Embarrassed Shadow
- B1AF9E
≈ Stone Walkway
Triada +120° +240°
- B8AC9E
Tapestry Beige
- 9EB3B2
≈ Powder Mill
- B3AABA
≈ Chatelle
Komplementarna rozszczepiona +150° +210°
- B8AC9E
Tapestry Beige
- 9EB2B9
≈ Ovation
- ABADBD
≈ Eclectic
Tetrada +90° +180° +270°
- B8AC9E
Tapestry Beige
- A1B3A9
≈ Sceptic
- A3B0BD
≈ Sensitivity
- BAA8B2
≈ Pale Poppy
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.22:1 · APCA Lc 44
Ag
AAANa czerni
WCAG 9.43:1 · APCA Lc 58
Najlepszy kolor tekstu: #000000
WCAG 9.43:1 (AAA) · APCA Lc 58
Contrast pairs
Fragmenty kodu
CSS
:root {
--tapestry-beige: #b8ac9e;
--tapestry-beige-rgb: 184 172 158;
--tapestry-beige-oklch: oklch(0.751 0.024 71.7);
}
.element {
color: var(--tapestry-beige);
background-color: hsl(32 15% 67%);
border-color: oklch(0.751 0.024 71.7);
}Tailwind CSS v4
@theme {
--color-tapestry-beige: #b8ac9e;
--color-tapestry-beige-50: #f9f4ee;
--color-tapestry-beige-100: #ede7df;
--color-tapestry-beige-200: #dbd3c9;
--color-tapestry-beige-300: #bfb6aa;
--color-tapestry-beige-400: #a89c8f;
--color-tapestry-beige-500: #908475;
--color-tapestry-beige-600: #7a7063;
--color-tapestry-beige-700: #62594f;
--color-tapestry-beige-800: #48413a;
--color-tapestry-beige-900: #322d27;
--color-tapestry-beige-950: #1e1a16;
}SCSS
$tapestry-beige: #b8ac9e;
$tapestry-beige-rgb: 184, 172, 158;
$tapestry-beige-light: mix(#fff, $tapestry-beige, 20%);
$tapestry-beige-dark: mix(#000, $tapestry-beige, 20%);
.element {
color: $tapestry-beige;
box-shadow: 0 0 0 2px rgba($tapestry-beige, 0.35);
}