لون مسمّى · #C7C2B4
Sandy Sage
Sandy Sage هو #C7C2B4: rgb(199 194 180)، hsl(44 15% 74%)، oklch(0.814 0.02 90.6). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Gray mean? → · Sandy Sage color name →
#C7C2B4
oklch(0.814 0.02 90.6)
تحويلات الألوان
- HEX
- #c7c2b4
- RGB
- rgb(199 194 180)
- HSL
- hsl(44 15% 74%)
- HWB
- hwb(44 71% 22%)
- OKLCH
- oklch(0.814 0.02 90.6)
- OKLab
- oklab(0.814 0 0.02)
- CIE Lab
- lab(78.55 -0.01 7.72)
- LCH
- lch(78.55 7.72 90)
- CMYK
- cmyk(0% 3% 10% 22%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- CCC8BB
- D2CEC3
- D8D4CA
- DDDAD1
- E3E0D9
- E8E6E1
- EEECE8
- F4F3F0
- F9F9F7
درجات داكنة
- ADA89C
- 938F85
- 7A776E
- 626058
- 4C4944
- 363430
- 21201D
- 0E0E0C
- 020202
درجات رمادية
- C0BBAF
- B8B4A9
- B1AEA4
- AAA79F
- A3A09A
- 9C9A94
- 95938F
- 8E8D8A
- 878685
تناسق الألوان
متمم +180°
- C7C2B4
Sandy Sage
- BDC2D0
≈ Whomp Grey
متجاور -30° +30°
- C7C2B4
Sandy Sage
- CCC0B6
≈ French Castle
- C0C4B6
≈ Balsam
ثلاثي +120° +240°
- C7C2B4
Sandy Sage
- B4C6C9
≈ Restful Retreat
- CABEC8
≈ Puffball
متمم منقسم +150° +210°
- C7C2B4
Sandy Sage
- B7C4CE
≈ Yorkshire Cloud
- C4C0CE
≈ Clary Sage
رباعي +90° +180° +270°
- C7C2B4
Sandy Sage
- B5C7C3
≈ Surf Spray
- BDC2D0
≈ Whomp Grey
- CEBDC1
≈ Lady Fingers
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.77:1 · APCA Lc 33
Ag
AAAعلى الأسود
WCAG 11.80:1 · APCA Lc 70
أفضل لون للنص: #000000
WCAG 11.80:1 (AAA) · APCA Lc 70
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--sandy-sage: #c7c2b4;
--sandy-sage-rgb: 199 194 180;
--sandy-sage-oklch: oklch(0.814 0.02 90.6);
}
.element {
color: var(--sandy-sage);
background-color: hsl(44 15% 74%);
border-color: oklch(0.814 0.02 90.6);
}Tailwind CSS v4
@theme {
--color-sandy-sage: #c7c2b4;
--color-sandy-sage-50: #f7f5ef;
--color-sandy-sage-100: #eae8e0;
--color-sandy-sage-200: #d7d4cb;
--color-sandy-sage-300: #bbb7ac;
--color-sandy-sage-400: #a39e91;
--color-sandy-sage-500: #8b8677;
--color-sandy-sage-600: #767165;
--color-sandy-sage-700: #5e5b51;
--color-sandy-sage-800: #45423b;
--color-sandy-sage-900: #302e28;
--color-sandy-sage-950: #1c1a16;
}SCSS
$sandy-sage: #c7c2b4;
$sandy-sage-rgb: 199, 194, 180;
$sandy-sage-light: mix(#fff, $sandy-sage, 20%);
$sandy-sage-dark: mix(#000, $sandy-sage, 20%);
.element {
color: $sandy-sage;
box-shadow: 0 0 0 2px rgba($sandy-sage, 0.35);
}