لون مسمّى · #3D4035
Sunday Niqab
Sunday Niqab هو #3D4035: rgb(61 64 53)، hsl(76 9% 23%)، oklch(0.365 0.019 119.7). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Gray mean? → · Sunday Niqab color name →
#3D4035
oklch(0.365 0.019 119.7)
تحويلات الألوان
- HEX
- #3d4035
- RGB
- rgb(61 64 53)
- HSL
- hsl(76 9% 23%)
- HWB
- hwb(76 21% 75%)
- OKLCH
- oklch(0.365 0.019 119.7)
- OKLab
- oklab(0.365 -0.009 0.016)
- CIE Lab
- lab(26.53 -3.07 6.31)
- LCH
- lch(26.53 7.02 115.9)
- CMYK
- cmyk(5% 0% 17% 75%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 4E5147
- 606259
- 72746C
- 85877F
- 989A94
- ACADA8
- C0C1BD
- D5D5D3
- EAEAE9
درجات داكنة
- 34362D
- 2B2D25
- 22241D
- 1A1B15
- 12130E
- 0A0B08
- 040503
- 010101
- 000000
درجات رمادية
- 43463C
- 4A4C43
- 50524A
- 575952
- 5D5F59
- 646661
- 6B6C68
- 727370
- 797978
تناسق الألوان
متمم +180°
- 3D4035
Sunday Niqab
- 403C47
≈ Italian Grape
متجاور -30° +30°
- 3D4035
Sunday Niqab
- 423E33
≈ I R Dark Green
- 384139
≈ Dead Sea Mud
ثلاثي +120° +240°
- 3D4035
Sunday Niqab
- 364047
≈ Big Stone
- 473A3E
≈ Humpback Whale
متمم منقسم +150° +210°
- 3D4035
Sunday Niqab
- 3A3E49
≈ Inkblot
- 443B43
≈ Tuxedo
رباعي +90° +180° +270°
- 3D4035
Sunday Niqab
- 334144
≈ Big Stone
- 403C47
≈ Italian Grape
- 483B39
≈ Humpback Whale
التباين وإمكانية الوصول
Ag
AAAعلى الأبيض
WCAG 10.58:1 · APCA Lc 95
Ag
Failعلى الأسود
WCAG 1.98:1 · APCA Lc 8
أفضل لون للنص: #FFFFFF
WCAG 10.58:1 (AAA) · APCA Lc 95
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--sunday-niqab: #3d4035;
--sunday-niqab-rgb: 61 64 53;
--sunday-niqab-oklch: oklch(0.365 0.019 119.7);
}
.element {
color: var(--sunday-niqab);
background-color: hsl(76 9% 23%);
border-color: oklch(0.365 0.019 119.7);
}Tailwind CSS v4
@theme {
--color-sunday-niqab: #3d4035;
--color-sunday-niqab-50: #f4f6f0;
--color-sunday-niqab-100: #e7e9e2;
--color-sunday-niqab-200: #d3d6cd;
--color-sunday-niqab-300: #b6b9af;
--color-sunday-niqab-400: #9da094;
--color-sunday-niqab-500: #84887a;
--color-sunday-niqab-600: #707368;
--color-sunday-niqab-700: #5a5c53;
--color-sunday-niqab-800: #42433c;
--color-sunday-niqab-900: #2d2e29;
--color-sunday-niqab-950: #1a1b17;
}SCSS
$sunday-niqab: #3d4035;
$sunday-niqab-rgb: 61, 64, 53;
$sunday-niqab-light: mix(#fff, $sunday-niqab, 20%);
$sunday-niqab-dark: mix(#000, $sunday-niqab, 20%);
.element {
color: $sunday-niqab;
box-shadow: 0 0 0 2px rgba($sunday-niqab, 0.35);
}