Nazwany kolor · #B2AB9C
Terrace Taupe
Terrace Taupe to #B2AB9C: rgb(178 171 156), hsl(41 12% 65%), oklch(0.743 0.023 86). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Terrace Taupe color name →
#B2AB9C
oklch(0.743 0.023 86)
Konwersje koloru
- HEX
- #b2ab9c
- RGB
- rgb(178 171 156)
- HSL
- hsl(41 12% 65%)
- HWB
- hwb(41 61% 30%)
- OKLCH
- oklch(0.743 0.023 86)
- OKLab
- oklab(0.743 0.002 0.022)
- CIE Lab
- lab(70.26 0.65 8.7)
- LCH
- lch(70.26 8.72 85.7)
- CMYK
- cmyk(0% 4% 12% 30%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B9B3A6
- C1BBAF
- C9C4B9
- D0CCC3
- D8D4CD
- E0DDD6
- E7E5E0
- EFEEEB
- F7F6F5
Odcienie ciemniejsze
- 9A9487
- 837E73
- 6D685F
- 57544C
- 434039
- 2F2D28
- 1D1B18
- 0C0B09
- 010101
Tony
- ADA799
- A8A296
- A39E94
- 9E9A91
- 99958E
- 94918B
- 8F8D88
- 8A8886
- 858483
Harmonie kolorów
Komplementarna +180°
- B2AB9C
Terrace Taupe
- A5ACBA
≈ Snub
Analogowa -30° +30°
- B2AB9C
Terrace Taupe
- B7A89E
≈ Prestige
- ABAE9E
≈ Ara Glen
Triada +120° +240°
- B2AB9C
Terrace Taupe
- 9CB0B3
≈ Aqua-Sphere
- B4A7B3
≈ Resplendent
Komplementarna rozszczepiona +150° +210°
- B2AB9C
Terrace Taupe
- 9FAEB8
≈ How Handsome
- ADA9B9
≈ Morning Mist Grey
Tetrada +90° +180° +270°
- B2AB9C
Terrace Taupe
- 9EB1AB
≈ Garden Vista
- A5ACBA
≈ Snub
- B8A6AC
≈ Foggy Plum
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 {
--terrace-taupe: #b2ab9c;
--terrace-taupe-rgb: 178 171 156;
--terrace-taupe-oklch: oklch(0.743 0.023 86);
}
.element {
color: var(--terrace-taupe);
background-color: hsl(41 12% 65%);
border-color: oklch(0.743 0.023 86);
}Tailwind CSS v4
@theme {
--color-terrace-taupe: #b2ab9c;
--color-terrace-taupe-50: #f8f5ee;
--color-terrace-taupe-100: #ebe8e0;
--color-terrace-taupe-200: #d8d4ca;
--color-terrace-taupe-300: #bcb7ab;
--color-terrace-taupe-400: #a49e90;
--color-terrace-taupe-500: #8d8576;
--color-terrace-taupe-600: #777164;
--color-terrace-taupe-700: #5f5a50;
--color-terrace-taupe-800: #46423a;
--color-terrace-taupe-900: #302d28;
--color-terrace-taupe-950: #1d1a16;
}SCSS
$terrace-taupe: #b2ab9c;
$terrace-taupe-rgb: 178, 171, 156;
$terrace-taupe-light: mix(#fff, $terrace-taupe, 20%);
$terrace-taupe-dark: mix(#000, $terrace-taupe, 20%);
.element {
color: $terrace-taupe;
box-shadow: 0 0 0 2px rgba($terrace-taupe, 0.35);
}