لون مسمّى · #B8B19F
Saturn Grey
Saturn Grey هو #B8B19F: rgb(184 177 159)، hsl(43 15% 67%)، oklch(0.761 0.026 89.2). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Gray mean? → · Saturn Grey color name →
#B8B19F
oklch(0.761 0.026 89.2)
تحويلات الألوان
- HEX
- #b8b19f
- RGB
- rgb(184 177 159)
- HSL
- hsl(43 15% 67%)
- HWB
- hwb(43 62% 28%)
- OKLCH
- oklch(0.761 0.026 89.2)
- OKLab
- oklab(0.761 0 0.026)
- CIE Lab
- lab(72.42 0.27 10.19)
- LCH
- lch(72.42 10.19 88.5)
- CMYK
- cmyk(0% 4% 14% 28%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- BFB9A8
- C6C0B2
- CDC8BB
- D4D0C5
- DBD7CE
- E2DFD8
- E9E7E1
- F0EFEB
- F8F7F5
درجات داكنة
- A0998A
- 888375
- 716C61
- 5B574D
- 45423B
- 312F29
- 1E1C18
- 0C0C09
- 020101
درجات رمادية
- B2AC9C
- ADA799
- A7A296
- A19D93
- 9C988F
- 96938C
- 908E89
- 8B8A86
- 858583
تناسق الألوان
متمم +180°
- B8B19F
Saturn Grey
- AAB1C3
≈ Fragrant Wand
متجاور -30° +30°
- B8B19F
Saturn Grey
- BFAEA1
≈ Blind Date
- AFB4A2
≈ Stormy Day
ثلاثي +120° +240°
- B8B19F
Saturn Grey
- 9FB6BA
≈ Blue by You
- BBACBA
≈ Lola
متمم منقسم +150° +210°
- B8B19F
Saturn Grey
- A3B4C1
≈ Faded Flaxflower
- B3AEC0
≈ Wisteria Trellis
رباعي +90° +180° +270°
- B8B19F
Saturn Grey
- A0B7B2
≈ Holly Glen
- AAB1C3
≈ Fragrant Wand
- C1ABB1
≈ Lavender Scent
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.13:1 · APCA Lc 42
Ag
AAAعلى الأسود
WCAG 9.82:1 · APCA Lc 60
أفضل لون للنص: #000000
WCAG 9.82:1 (AAA) · APCA Lc 60
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--saturn-grey: #b8b19f;
--saturn-grey-rgb: 184 177 159;
--saturn-grey-oklch: oklch(0.761 0.026 89.2);
}
.element {
color: var(--saturn-grey);
background-color: hsl(43 15% 67%);
border-color: oklch(0.761 0.026 89.2);
}Tailwind CSS v4
@theme {
--color-saturn-grey: #b8b19f;
--color-saturn-grey-50: #f8f5ed;
--color-saturn-grey-100: #ebe8de;
--color-saturn-grey-200: #d8d4c8;
--color-saturn-grey-300: #bcb7a9;
--color-saturn-grey-400: #a59e8d;
--color-saturn-grey-500: #8d8673;
--color-saturn-grey-600: #777161;
--color-saturn-grey-700: #5f5a4e;
--color-saturn-grey-800: #464238;
--color-saturn-grey-900: #312e26;
--color-saturn-grey-950: #1d1a15;
}SCSS
$saturn-grey: #b8b19f;
$saturn-grey-rgb: 184, 177, 159;
$saturn-grey-light: mix(#fff, $saturn-grey, 20%);
$saturn-grey-dark: mix(#000, $saturn-grey, 20%);
.element {
color: $saturn-grey;
box-shadow: 0 0 0 2px rgba($saturn-grey, 0.35);
}