لون مسمّى · #CBCBBB
Livingstone
Livingstone هو #CBCBBB: rgb(203 203 187)، hsl(60 13% 76%)، oklch(0.838 0.022 106.9). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Gray mean? → · Livingstone color name →
#CBCBBB
oklch(0.838 0.022 106.9)
تحويلات الألوان
- HEX
- #cbcbbb
- RGB
- rgb(203 203 187)
- HSL
- hsl(60 13% 76%)
- HWB
- hwb(60 73% 20%)
- OKLCH
- oklch(0.838 0.022 106.9)
- OKLab
- oklab(0.838 -0.006 0.021)
- CIE Lab
- lab(81.35 -2.09 8.02)
- LCH
- lch(81.35 8.28 104.6)
- CMYK
- cmyk(0% 0% 8% 20%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- D0D0C2
- D5D5C8
- DADACF
- E0E0D6
- E5E5DD
- EAEAE3
- EFEFEA
- F4F4F1
- FAFAF8
درجات داكنة
- B0B0A2
- 96968A
- 7D7D73
- 65655C
- 4D4D46
- 373732
- 22221F
- 0F0F0D
- 020202
درجات رمادية
- C3C3B5
- BBBCAF
- B4B4A9
- ACACA3
- A5A59D
- 9D9D97
- 969691
- 8E8E8C
- 878786
تناسق الألوان
متمم +180°
- CBCBBB
Livingstone
- C8C8D8
≈ Daybreak Beckons
متجاور -30° +30°
- CBCBBB
Livingstone
- D2C8BA
≈ Warm Putty
- C3CDC0
≈ Green Lily
ثلاثي +120° +240°
- CBCBBB
Livingstone
- BCCDD5
≈ Shhh…
- D5C4CC
≈ Victorian Cottage
متمم منقسم +150° +210°
- CBCBBB
Livingstone
- C1CBD8
≈ Icy Brook
- D0C6D3
≈ Enchant
رباعي +90° +180° +270°
- CBCBBB
Livingstone
- BACECE
≈ Babbling Brook
- C8C8D8
≈ Daybreak Beckons
- D8C4C5
≈ Just Gorgeous
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.64:1 · APCA Lc 28
Ag
AAAعلى الأسود
WCAG 12.79:1 · APCA Lc 74
أفضل لون للنص: #000000
WCAG 12.79:1 (AAA) · APCA Lc 74
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--livingstone: #cbcbbb;
--livingstone-rgb: 203 203 187;
--livingstone-oklch: oklch(0.838 0.022 106.9);
}
.element {
color: var(--livingstone);
background-color: hsl(60 13% 76%);
border-color: oklch(0.838 0.022 106.9);
}Tailwind CSS v4
@theme {
--color-livingstone: #cbcbbb;
--color-livingstone-50: #f5f6ef;
--color-livingstone-100: #e8e9e0;
--color-livingstone-200: #d5d5cb;
--color-livingstone-300: #b8b8ac;
--color-livingstone-400: #a0a091;
--color-livingstone-500: #878777;
--color-livingstone-600: #737365;
--color-livingstone-700: #5c5c50;
--color-livingstone-800: #43433a;
--color-livingstone-900: #2e2e28;
--color-livingstone-950: #1b1b16;
}SCSS
$livingstone: #cbcbbb;
$livingstone-rgb: 203, 203, 187;
$livingstone-light: mix(#fff, $livingstone, 20%);
$livingstone-dark: mix(#000, $livingstone, 20%);
.element {
color: $livingstone;
box-shadow: 0 0 0 2px rgba($livingstone, 0.35);
}