Color con nombre · #FF3366
Chinese New Year
Chinese New Year es #FF3366: rgb(255 51 102), hsl(345 100% 60%), oklch(0.656 0.235 13.3). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Red mean? → · Chinese New Year color name →
#FF3366
oklch(0.656 0.235 13.3)
Conversiones de color
- 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%)
Tintes · Sombras · Tonos
Tintes
- FF5275
- FF6A83
- FF8092
- FF94A1
- FFA6B1
- FFB9C0
- FFCBCF
- FFDCDF
- FFEEEF
Sombras
- DE2B58
- BE234A
- 9E1C3C
- 80142F
- 630D23
- 480717
- 2E030C
- 160104
- 030000
Tonos
- F44469
- E8506C
- DD5A6E
- D16271
- C56974
- B86F76
- AB7479
- 9E787B
- 8F7C7E
Armonías de color
Complementario +180°
- FF3366
Chinese New Year
- 00A6A4
≈ Royal Cloak
Análogo -30° +30°
- FF3366
Chinese New Year
- EA3FB5
≈ Pink Bite
- EC5E00
≈ Shu Red
Triádico +120° +240°
- FF3366
Chinese New Year
- 5FA800
≈ Ruminant’s Paradise
- 2592FF
≈ Clear Chill
Complementario dividido +150° +210°
- FF3366
Chinese New Year
- 00AB78
≈ Bright Camouflage
- 00A0C8
≈ Resonant Blue
Tetrádico +90° +180° +270°
- FF3366
Chinese New Year
- A19400
≈ Romaine Green
- 00A6A4
≈ Royal Cloak
- 857BFF
≈ Blue Party Parrot
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 3.54:1 · APCA Lc 61
Ag
AASobre negro
WCAG 5.91:1 · APCA Lc 40
Mejor color de texto: #000000
WCAG 5.91:1 (AA) · APCA Lc 40
Contrast pairs
Fragmentos de código
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);
}