Cor nomeada · #B2AC9C
Gateway Pillar
Gateway Pillar é #B2AC9C: rgb(178 172 156), hsl(44 12% 65%), oklch(0.745 0.023 89.8). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Gateway Pillar color name →
#B2AC9C
oklch(0.745 0.023 89.8)
Conversões de cor
- HEX
- #b2ac9c
- RGB
- rgb(178 172 156)
- HSL
- hsl(44 12% 65%)
- HWB
- hwb(44 61% 30%)
- OKLCH
- oklch(0.745 0.023 89.8)
- OKLab
- oklab(0.745 0 0.023)
- CIE Lab
- lab(70.52 0.14 9.07)
- LCH
- lch(70.52 9.07 89.1)
- CMYK
- cmyk(0% 3% 12% 30%)
Tons claros · Sombras · Tons
Tons claros
- B9B4A6
- C1BCAF
- C9C4B9
- D0CDC3
- D8D5CD
- E0DDD6
- E7E6E0
- EFEEEB
- F7F6F5
Sombras
- 9A9587
- 837F73
- 6D695F
- 57544C
- 434039
- 2F2D28
- 1D1B18
- 0C0B09
- 010101
Tons
- ADA899
- A8A396
- A39F94
- 9E9A91
- 99968E
- 94918B
- 8F8D88
- 8A8986
- 858483
Harmonias de cor
Complementar +180°
- B2AC9C
Gateway Pillar
- A6ACBC
≈ Snub
Análoga -30° +30°
- B2AC9C
Gateway Pillar
- B8A99E
≈ Turning Tables
- AAAF9E
≈ Still
Tríade +120° +240°
- B2AC9C
Gateway Pillar
- 9CB1B4
≈ Aqua-Sphere
- B5A7B4
≈ Resplendent
Complementar dividida +150° +210°
- B2AC9C
Gateway Pillar
- A0AFBA
≈ How Handsome
- AEA9B9
≈ Morning Mist Grey
Tétrade +90° +180° +270°
- B2AC9C
Gateway Pillar
- 9DB1AD
≈ Easy Breezy Blue
- A6ACBC
≈ Snub
- BAA7AC
≈ Pale Poppy
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.26:1 · APCA Lc 45
Ag
AAASobre preto
WCAG 9.27:1 · APCA Lc 57
Melhor cor de texto: #000000
WCAG 9.27:1 (AAA) · APCA Lc 57
Contrast pairs
Trechos de código
CSS
:root {
--gateway-pillar: #b2ac9c;
--gateway-pillar-rgb: 178 172 156;
--gateway-pillar-oklch: oklch(0.745 0.023 89.8);
}
.element {
color: var(--gateway-pillar);
background-color: hsl(44 12% 65%);
border-color: oklch(0.745 0.023 89.8);
}Tailwind CSS v4
@theme {
--color-gateway-pillar: #b2ac9c;
--color-gateway-pillar-50: #f7f5ee;
--color-gateway-pillar-100: #eae8df;
--color-gateway-pillar-200: #d8d4c9;
--color-gateway-pillar-300: #bcb7aa;
--color-gateway-pillar-400: #a49e8f;
--color-gateway-pillar-500: #8c8675;
--color-gateway-pillar-600: #777163;
--color-gateway-pillar-700: #5f5b4f;
--color-gateway-pillar-800: #464239;
--color-gateway-pillar-900: #302e27;
--color-gateway-pillar-950: #1c1a15;
}SCSS
$gateway-pillar: #b2ac9c;
$gateway-pillar-rgb: 178, 172, 156;
$gateway-pillar-light: mix(#fff, $gateway-pillar, 20%);
$gateway-pillar-dark: mix(#000, $gateway-pillar, 20%);
.element {
color: $gateway-pillar;
box-shadow: 0 0 0 2px rgba($gateway-pillar, 0.35);
}