أقرب لون مسمّى · #B8C8A7
#B8C8A7
أقرب لون مسمّى: Camping Grounds
#B8C8A7 (rgb(184 200 167)، hsl(89 23% 72%)، oklch(0.812 0.048 128.6)) أقرب إلى اللون المسمّى Camping Grounds. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#B8C8A7
oklch(0.812 0.048 128.6)
تحويلات الألوان
- HEX
- #b8c8a7
- RGB
- rgb(184 200 167)
- HSL
- hsl(89 23% 72%)
- HWB
- hwb(89 65% 22%)
- OKLCH
- oklch(0.812 0.048 128.6)
- OKLab
- oklab(0.812 -0.03 0.038)
- CIE Lab
- lab(78.7 -10.09 14.64)
- LCH
- lch(78.7 17.78 124.6)
- CMYK
- cmyk(8% 0% 16% 22%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- BFCDB0
- C6D3B8
- CDD8C1
- D4DECA
- DBE3D3
- E2E9DB
- E9EEE4
- F0F4ED
- F8F9F6
درجات داكنة
- A0AE91
- 88947B
- 717B66
- 5B6352
- 454C3E
- 31362C
- 1E211A
- 0C0F0A
- 020201
درجات رمادية
- B2C1A3
- ADB99F
- A7B29B
- A1AB97
- 9CA394
- 969C90
- 90958C
- 8B8E88
- 858784
تناسق الألوان
متمم +180°
- B8C8A7
Camping Grounds
- CABADA
≈ Sweet Lucid Dreams
متجاور -30° +30°
- B8C8A7
Camping Grounds
- C9C29F
≈ Inviting Gesture
- A8CCB6
≈ Bird’s Egg Green
ثلاثي +120° +240°
- B8C8A7
Camping Grounds
- AAC5E0
≈ Utterly Blue
- DEB5BB
≈ Pencil Eraser
متمم منقسم +150° +210°
- B8C8A7
Camping Grounds
- BABFE1
≈ Rhapsody Lilac
- D7B6CC
≈ Pink Power
رباعي +90° +180° +270°
- B8C8A7
Camping Grounds
- 9FCAD7
≈ Soothing Blue
- CABADA
≈ Sweet Lucid Dreams
- DEB7AB
≈ Smoky Salmon
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.77:1 · APCA Lc 33
Ag
AAAعلى الأسود
WCAG 11.85:1 · APCA Lc 70
أفضل لون للنص: #000000
WCAG 11.85:1 (AAA) · APCA Lc 70
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--camping-grounds: #b8c8a7;
--camping-grounds-rgb: 184 200 167;
--camping-grounds-oklch: oklch(0.812 0.048 128.6);
}
.element {
color: var(--camping-grounds);
background-color: hsl(89 23% 72%);
border-color: oklch(0.812 0.048 128.6);
}Tailwind CSS v4
@theme {
--color-camping-grounds: #b8c8a7;
--color-camping-grounds-50: #f0f8ea;
--color-camping-grounds-100: #e2ebdb;
--color-camping-grounds-200: #cdd9c3;
--color-camping-grounds-300: #afbda3;
--color-camping-grounds-400: #96a486;
--color-camping-grounds-500: #7c8d6a;
--color-camping-grounds-600: #69775a;
--color-camping-grounds-700: #545f48;
--color-camping-grounds-800: #3e4633;
--color-camping-grounds-900: #2b3023;
--color-camping-grounds-950: #181c12;
}SCSS
$camping-grounds: #b8c8a7;
$camping-grounds-rgb: 184, 200, 167;
$camping-grounds-light: mix(#fff, $camping-grounds, 20%);
$camping-grounds-dark: mix(#000, $camping-grounds, 20%);
.element {
color: $camping-grounds;
box-shadow: 0 0 0 2px rgba($camping-grounds, 0.35);
}