Adlandırılmış renk · #B2AC9C
Gateway Pillar
Gateway Pillar, #B2AC9C: rgb(178 172 156), hsl(44 12% 65%), oklch(0.745 0.023 89.8). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Gateway Pillar color name →
#B2AC9C
oklch(0.745 0.023 89.8)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- B9B4A6
- C1BCAF
- C9C4B9
- D0CDC3
- D8D5CD
- E0DDD6
- E7E6E0
- EFEEEB
- F7F6F5
Koyu tonlar
- 9A9587
- 837F73
- 6D695F
- 57544C
- 434039
- 2F2D28
- 1D1B18
- 0C0B09
- 010101
Gri tonlar
- ADA899
- A8A396
- A39F94
- 9E9A91
- 99968E
- 94918B
- 8F8D88
- 8A8986
- 858483
Renk uyumları
Tamamlayıcı +180°
- B2AC9C
Gateway Pillar
- A6ACBC
≈ Snub
Analog -30° +30°
- B2AC9C
Gateway Pillar
- B8A99E
≈ Turning Tables
- AAAF9E
≈ Still
Üçlü +120° +240°
- B2AC9C
Gateway Pillar
- 9CB1B4
≈ Aqua-Sphere
- B5A7B4
≈ Resplendent
Bölünmüş tamamlayıcı +150° +210°
- B2AC9C
Gateway Pillar
- A0AFBA
≈ How Handsome
- AEA9B9
≈ Morning Mist Grey
Dörtlü +90° +180° +270°
- B2AC9C
Gateway Pillar
- 9DB1AD
≈ Easy Breezy Blue
- A6ACBC
≈ Snub
- BAA7AC
≈ Pale Poppy
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.26:1 · APCA Lc 45
Ag
AAASiyah üzerinde
WCAG 9.27:1 · APCA Lc 57
En iyi metin rengi: #000000
WCAG 9.27:1 (AAA) · APCA Lc 57
Contrast pairs
Kod parçacıkları
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);
}