لون مسمّى · #BFB5CA
Decency
Decency هو #BFB5CA: rgb(191 181 202)، hsl(269 17% 75%)، oklch(0.788 0.031 307). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Gray mean? → · Decency color name →
#BFB5CA
oklch(0.788 0.031 307)
تحويلات الألوان
- HEX
- #bfb5ca
- RGB
- rgb(191 181 202)
- HSL
- hsl(269 17% 75%)
- HWB
- hwb(269 71% 21%)
- OKLCH
- oklch(0.788 0.031 307)
- OKLab
- oklab(0.788 0.019 -0.025)
- CIE Lab
- lab(75.01 6.61 -9.33)
- LCH
- lch(75.01 11.43 305.3)
- CMYK
- cmyk(5% 10% 0% 21%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- C5BCCF
- CCC3D4
- D2CBDA
- D8D2DF
- DFD9E4
- E5E1EA
- EBE8EF
- F2F0F4
- F8F7FA
درجات داكنة
- A69DAF
- 8D8695
- 756F7C
- 5E5964
- 48444D
- 333037
- 1F1D22
- 0D0C0F
- 020202
درجات رمادية
- B8B0C2
- B2AABB
- ACA5B3
- A59FAC
- 9F9AA4
- 99959D
- 929096
- 8C8A8E
- 868587
تناسق الألوان
متمم +180°
- BFB5CA
Decency
- B4BEA9
≈ Unroasted Coffee
متجاور -30° +30°
- BFB5CA
Decency
- B4B9CE
≈ Winter Dusk
- C8B3C1
≈ Runic Mauve
ثلاثي +120° +240°
- BFB5CA
Decency
- C8B7A5
≈ Dust Bunny
- A4C1BD
≈ Swan Sea
متمم منقسم +150° +210°
- BFB5CA
Decency
- BFBAA4
≈ Tidal Foam
- AAC0B2
≈ Kind Green
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.96:1 · APCA Lc 38
Ag
AAAعلى الأسود
WCAG 10.67:1 · APCA Lc 64
أفضل لون للنص: #000000
WCAG 10.67:1 (AAA) · APCA Lc 64
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--decency: #bfb5ca;
--decency-rgb: 191 181 202;
--decency-oklch: oklch(0.788 0.031 307);
}
.element {
color: var(--decency);
background-color: hsl(269 17% 75%);
border-color: oklch(0.788 0.031 307);
}Tailwind CSS v4
@theme {
--color-decency: #bfb5ca;
--color-decency-50: #f8f3fc;
--color-decency-100: #ebe5f0;
--color-decency-200: #d8d1df;
--color-decency-300: #bcb3c4;
--color-decency-400: #a39aad;
--color-decency-500: #8b8197;
--color-decency-600: #766d7f;
--color-decency-700: #5e5766;
--color-decency-800: #45404b;
--color-decency-900: #302c34;
--color-decency-950: #1c1920;
}SCSS
$decency: #bfb5ca;
$decency-rgb: 191, 181, 202;
$decency-light: mix(#fff, $decency, 20%);
$decency-dark: mix(#000, $decency, 20%);
.element {
color: $decency;
box-shadow: 0 0 0 2px rgba($decency, 0.35);
}