لون مسمّى · #A23D54
Night Shadz
Night Shadz هو #A23D54: rgb(162 61 84)، hsl(346 45% 44%)، oklch(0.506 0.135 9.4). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Red mean? → · Night Shadz color name →
#A23D54
oklch(0.506 0.135 9.4)
تحويلات الألوان
- HEX
- #a23d54
- RGB
- rgb(162 61 84)
- HSL
- hsl(346 45% 44%)
- HWB
- hwb(346 24% 36%)
- OKLCH
- oklch(0.506 0.135 9.4)
- OKLab
- oklab(0.506 0.133 0.022)
- CIE Lab
- lab(41.09 43.95 9.37)
- LCH
- lch(41.09 44.94 12)
- CMYK
- cmyk(0% 62% 48% 36%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- AD5164
- B86574
- C27884
- CC8B95
- D59EA6
- DFB1B7
- E7C4C8
- F0D7DA
- F7EBED
درجات داكنة
- 8C3448
- 772B3C
- 632231
- 4F1A26
- 3C121B
- 2A0A11
- 190408
- 0A0102
- 010000
درجات رمادية
- A04558
- 9E4D5D
- 9B5461
- 985B65
- 95626A
- 92686E
- 8E6E73
- 8A7477
- 857A7C
تناسق الألوان
متمم +180°
- A23D54
Night Shadz
- 00756F
≈ Mermaid Harbour
متجاور -30° +30°
- A23D54
Night Shadz
- 95417E
≈ Willowherb
- A24321
≈ Rock Spray
ثلاثي +120° +240°
- A23D54
Night Shadz
- 4B7300
≈ Tropicana
- 0E68AE
≈ Wing Commander
متمم منقسم +150° +210°
- A23D54
Night Shadz
- 00784C
≈ Gnarls Green
- 007188
≈ Waterworld
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
AAعلى الأبيض
WCAG 6.30:1 · APCA Lc 81
Ag
Failعلى الأسود
WCAG 3.33:1 · APCA Lc 21
أفضل لون للنص: #FFFFFF
WCAG 6.30:1 (AA) · APCA Lc 81
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--night-shadz: #a23d54;
--night-shadz-rgb: 162 61 84;
--night-shadz-oklch: oklch(0.506 0.135 9.4);
}
.element {
color: var(--night-shadz);
background-color: hsl(346 45% 44%);
border-color: oklch(0.506 0.135 9.4);
}Tailwind CSS v4
@theme {
--color-night-shadz: #a23d54;
--color-night-shadz-50: #ffe6eb;
--color-night-shadz-100: #ffd6dc;
--color-night-shadz-200: #ffbdc6;
--color-night-shadz-300: #f49aa6;
--color-night-shadz-400: #e17a8d;
--color-night-shadz-500: #ce5a73;
--color-night-shadz-600: #ae4d61;
--color-night-shadz-700: #8c3d4e;
--color-night-shadz-800: #682c3a;
--color-night-shadz-900: #491d28;
--color-night-shadz-950: #300d16;
}SCSS
$night-shadz: #a23d54;
$night-shadz-rgb: 162, 61, 84;
$night-shadz-light: mix(#fff, $night-shadz, 20%);
$night-shadz-dark: mix(#000, $night-shadz, 20%);
.element {
color: $night-shadz;
box-shadow: 0 0 0 2px rgba($night-shadz, 0.35);
}