لون مسمّى · #C32149
Grenade
Grenade هو #C32149: rgb(195 33 73)، hsl(345 71% 45%)، oklch(0.534 0.194 14.1). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Red mean? → · Grenade color name →
#C32149
oklch(0.534 0.194 14.1)
تحويلات الألوان
- HEX
- #c32149
- RGB
- rgb(195 33 73)
- HSL
- hsl(345 71% 45%)
- HWB
- hwb(345 13% 24%)
- OKLCH
- oklch(0.534 0.194 14.1)
- OKLab
- oklab(0.534 0.188 0.047)
- CIE Lab
- lab(43.71 62.89 21.05)
- LCH
- lch(43.71 66.32 18.5)
- CMYK
- cmyk(0% 83% 63% 24%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- CC415A
- D55A6B
- DD707C
- E4858E
- EA9AA0
- F0AEB3
- F5C2C5
- F9D6D8
- FCEBEB
درجات داكنة
- A91B3E
- 901634
- 78102A
- 600B20
- 4A0617
- 34030E
- 200106
- 0E0002
- 020000
درجات رمادية
- BE334F
- B94054
- B44B5A
- AE555F
- A85D65
- A1656A
- 9A6C70
- 927375
- 897A7B
تناسق الألوان
متمم +180°
- C32149
Grenade
- 007D7C
≈ Parasailing
متجاور -30° +30°
- C32149
Grenade
- B32B88
≈ Fandango
- B24600
≈ Beef Bourguignon
ثلاثي +120° +240°
- C32149
Grenade
- 447F00
≈ Green People
- 006BCC
≈ Mimesia Blue
متمم منقسم +150° +210°
- C32149
Grenade
- 00815B
≈ Irish Beauty
- 007898
≈ Pristine Seas
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
AAعلى الأبيض
WCAG 5.77:1 · APCA Lc 77
Ag
Failعلى الأسود
WCAG 3.63:1 · APCA Lc 25
أفضل لون للنص: #FFFFFF
WCAG 5.77:1 (AA) · APCA Lc 77
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--grenade: #c32149;
--grenade-rgb: 195 33 73;
--grenade-oklch: oklch(0.534 0.194 14.1);
}
.element {
color: var(--grenade);
background-color: hsl(345 71% 45%);
border-color: oklch(0.534 0.194 14.1);
}Tailwind CSS v4
@theme {
--color-grenade: #c32149;
--color-grenade-50: #ffdfe2;
--color-grenade-100: #ffced2;
--color-grenade-200: #ffb1b8;
--color-grenade-300: #ff8a95;
--color-grenade-400: #fb647b;
--color-grenade-500: #ea365d;
--color-grenade-600: #c5304f;
--color-grenade-700: #9f273f;
--color-grenade-800: #761a30;
--color-grenade-900: #541120;
--color-grenade-950: #380210;
}SCSS
$grenade: #c32149;
$grenade-rgb: 195, 33, 73;
$grenade-light: mix(#fff, $grenade, 20%);
$grenade-dark: mix(#000, $grenade, 20%);
.element {
color: $grenade;
box-shadow: 0 0 0 2px rgba($grenade, 0.35);
}