لون مسمّى · #B3BBB7
Loblolly
Loblolly هو #B3BBB7: rgb(179 187 183)، hsl(150 6% 72%)، oklch(0.785 0.01 164.8). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Gray mean? → · Loblolly color name →
#B3BBB7
oklch(0.785 0.01 164.8)
تحويلات الألوان
- HEX
- #b3bbb7
- RGB
- rgb(179 187 183)
- HSL
- hsl(150 6% 72%)
- HWB
- hwb(150 70% 27%)
- OKLCH
- oklch(0.785 0.01 164.8)
- OKLab
- oklab(0.785 -0.01 0.003)
- CIE Lab
- lab(75.15 -3.45 1.02)
- LCH
- lch(75.15 3.59 163.6)
- CMYK
- cmyk(4% 0% 2% 27%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- BAC2BE
- C2C8C5
- C9CFCC
- D1D6D3
- D8DDDA
- E0E3E2
- E8EAE9
- EFF1F0
- F7F8F8
درجات داكنة
- 9BA29F
- 848A87
- 6E7370
- 585C5A
- 434645
- 2F3231
- 1D1F1E
- 0C0D0C
- 010202
درجات رمادية
- AEB5B1
- A9AFAC
- A3A9A6
- 9EA3A1
- 999D9B
- 949796
- 8F9190
- 8A8B8B
- 858685
تناسق الألوان
متمم +180°
- B3BBB7
Loblolly
- BEB6BA
≈ Future Vision
متجاور -30° +30°
- B3BBB7
Loblolly
- B6BAB4
≈ Greystone
- B2BBBB
≈ Silver Mistral
ثلاثي +120° +240°
- B3BBB7
Loblolly
- B8B8BF
≈ Silverware
- BFB7B3
≈ Mountain Boulder
متمم منقسم +150° +210°
- B3BBB7
Loblolly
- BBB7BE
≈ Future Vision
- BFB6B7
≈ Queen Anne Lilac
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.96:1 · APCA Lc 38
Ag
AAAعلى الأسود
WCAG 10.70:1 · APCA Lc 65
أفضل لون للنص: #000000
WCAG 10.70:1 (AAA) · APCA Lc 65
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--loblolly: #b3bbb7;
--loblolly-rgb: 179 187 183;
--loblolly-oklch: oklch(0.785 0.01 164.8);
}
.element {
color: var(--loblolly);
background-color: hsl(150 6% 72%);
border-color: oklch(0.785 0.01 164.8);
}Tailwind CSS v4
@theme {
--color-loblolly: #b3bbb7;
--color-loblolly-50: #f2f6f4;
--color-loblolly-100: #e5e9e7;
--color-loblolly-200: #d0d6d3;
--color-loblolly-300: #b3b9b6;
--color-loblolly-400: #99a09d;
--color-loblolly-500: #808884;
--color-loblolly-600: #6c7370;
--color-loblolly-700: #575c5a;
--color-loblolly-800: #3f4441;
--color-loblolly-900: #2c2f2d;
--color-loblolly-950: #191b1a;
}SCSS
$loblolly: #b3bbb7;
$loblolly-rgb: 179, 187, 183;
$loblolly-light: mix(#fff, $loblolly, 20%);
$loblolly-dark: mix(#000, $loblolly, 20%);
.element {
color: $loblolly;
box-shadow: 0 0 0 2px rgba($loblolly, 0.35);
}