لون مسمّى · #FF3366
Chinese New Year
Chinese New Year هو #FF3366: rgb(255 51 102)، hsl(345 100% 60%)، oklch(0.656 0.235 13.3). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Red mean? → · Chinese New Year color name →
#FF3366
oklch(0.656 0.235 13.3)
تحويلات الألوان
- HEX
- #ff3366
- RGB
- rgb(255 51 102)
- HSL
- hsl(345 100% 60%)
- HWB
- hwb(345 20% 0%)
- OKLCH
- oklch(0.656 0.235 13.3)
- OKLab
- oklab(0.656 0.229 0.054)
- CIE Lab
- lab(57.49 76.11 23.92)
- LCH
- lch(57.49 79.78 17.4)
- CMYK
- cmyk(0% 80% 60% 0%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- FF5275
- FF6A83
- FF8092
- FF94A1
- FFA6B1
- FFB9C0
- FFCBCF
- FFDCDF
- FFEEEF
درجات داكنة
- DE2B58
- BE234A
- 9E1C3C
- 80142F
- 630D23
- 480717
- 2E030C
- 160104
- 030000
درجات رمادية
- F44469
- E8506C
- DD5A6E
- D16271
- C56974
- B86F76
- AB7479
- 9E787B
- 8F7C7E
تناسق الألوان
متمم +180°
- FF3366
Chinese New Year
- 00A6A4
≈ Royal Cloak
متجاور -30° +30°
- FF3366
Chinese New Year
- EA3FB5
≈ Pink Bite
- EC5E00
≈ Shu Red
ثلاثي +120° +240°
- FF3366
Chinese New Year
- 5FA800
≈ Ruminant’s Paradise
- 2592FF
≈ Clear Chill
متمم منقسم +150° +210°
- FF3366
Chinese New Year
- 00AB78
≈ Bright Camouflage
- 00A0C8
≈ Resonant Blue
رباعي +90° +180° +270°
- FF3366
Chinese New Year
- A19400
≈ Romaine Green
- 00A6A4
≈ Royal Cloak
- 857BFF
≈ Blue Party Parrot
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 3.54:1 · APCA Lc 61
Ag
AAعلى الأسود
WCAG 5.91:1 · APCA Lc 40
أفضل لون للنص: #000000
WCAG 5.91:1 (AA) · APCA Lc 40
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--chinese-new-year: #ff3366;
--chinese-new-year-rgb: 255 51 102;
--chinese-new-year-oklch: oklch(0.656 0.235 13.3);
}
.element {
color: var(--chinese-new-year);
background-color: hsl(345 100% 60%);
border-color: oklch(0.656 0.235 13.3);
}Tailwind CSS v4
@theme {
--color-chinese-new-year: #ff3366;
--color-chinese-new-year-50: #ffdadf;
--color-chinese-new-year-100: #ffc7ce;
--color-chinese-new-year-200: #ffa8b3;
--color-chinese-new-year-300: #ff7d8f;
--color-chinese-new-year-400: #ff4e75;
--color-chinese-new-year-500: #fa0057;
--color-chinese-new-year-600: #d3004a;
--color-chinese-new-year-700: #aa003b;
--color-chinese-new-year-800: #7f002d;
--color-chinese-new-year-900: #5a021e;
--color-chinese-new-year-950: #3c000e;
}SCSS
$chinese-new-year: #ff3366;
$chinese-new-year-rgb: 255, 51, 102;
$chinese-new-year-light: mix(#fff, $chinese-new-year, 20%);
$chinese-new-year-dark: mix(#000, $chinese-new-year, 20%);
.element {
color: $chinese-new-year;
box-shadow: 0 0 0 2px rgba($chinese-new-year, 0.35);
}