لون مسمّى · #B29EAD
Symbolic
Symbolic هو #B29EAD: rgb(178 158 173)، hsl(315 11% 66%)، oklch(0.721 0.031 334.6). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Gray mean? → · Symbolic color name →
#B29EAD
oklch(0.721 0.031 334.6)
تحويلات الألوان
- HEX
- #b29ead
- RGB
- rgb(178 158 173)
- HSL
- hsl(315 11% 66%)
- HWB
- hwb(315 62% 30%)
- OKLCH
- oklch(0.721 0.031 334.6)
- OKLab
- oklab(0.721 0.028 -0.013)
- CIE Lab
- lab(67.24 9.58 -4.99)
- LCH
- lch(67.24 10.8 332.5)
- CMYK
- cmyk(0% 11% 3% 30%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- BAA7B5
- C1B1BD
- C9BAC5
- D0C4CD
- D8CED5
- E0D7DE
- E8E1E6
- EFEBEE
- F7F5F7
درجات داكنة
- 9A8996
- 83747F
- 6D606A
- 574D55
- 433A41
- 2F292D
- 1D181B
- 0C090B
- 010101
درجات رمادية
- AD9BA8
- A898A4
- A3959F
- 9E929B
- 998F96
- 948C92
- 8F898D
- 8A8689
- 858384
تناسق الألوان
متمم +180°
- B29EAD
Symbolic
- 96AB9C
≈ Scotland Road
متجاور -30° +30°
- B29EAD
Symbolic
- A9A0B5
≈ Grapeade
- B79DA2
≈ Windflower
ثلاثي +120° +240°
- B29EAD
Symbolic
- ABA58F
≈ Lodgepole Pines
- 90AAB1
≈ Meditative
متمم منقسم +150° +210°
- B29EAD
Symbolic
- A0A994
≈ Bushel
- 90ACA7
≈ Oceanus
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.50:1 · APCA Lc 49
Ag
AAAعلى الأسود
WCAG 8.38:1 · APCA Lc 53
أفضل لون للنص: #000000
WCAG 8.38:1 (AAA) · APCA Lc 53
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--symbolic: #b29ead;
--symbolic-rgb: 178 158 173;
--symbolic-oklch: oklch(0.721 0.031 334.6);
}
.element {
color: var(--symbolic);
background-color: hsl(315 11% 66%);
border-color: oklch(0.721 0.031 334.6);
}Tailwind CSS v4
@theme {
--color-symbolic: #b29ead;
--color-symbolic-50: #fbf2f8;
--color-symbolic-100: #efe4ec;
--color-symbolic-200: #decfd9;
--color-symbolic-300: #c2b2bd;
--color-symbolic-400: #ab98a6;
--color-symbolic-500: #947f8f;
--color-symbolic-600: #7d6b79;
--color-symbolic-700: #645661;
--color-symbolic-800: #493f47;
--color-symbolic-900: #332b31;
--color-symbolic-950: #1e181d;
}SCSS
$symbolic: #b29ead;
$symbolic-rgb: 178, 158, 173;
$symbolic-light: mix(#fff, $symbolic, 20%);
$symbolic-dark: mix(#000, $symbolic, 20%);
.element {
color: $symbolic;
box-shadow: 0 0 0 2px rgba($symbolic, 0.35);
}