Colore con nome più vicino · #FF3065
#FF3065
Colore con nome più vicino: Chinese New Year
#FF3065 (rgb(255 48 101), hsl(345 100% 59%), oklch(0.654 0.237 13.3)) è più vicino al colore con nome Chinese New Year. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#FF3065
oklch(0.654 0.237 13.3)
Conversioni di colore
- HEX
- #ff3065
- RGB
- rgb(255 48 101)
- HSL
- hsl(345 100% 59%)
- HWB
- hwb(345 19% 0%)
- OKLCH
- oklch(0.654 0.237 13.3)
- OKLab
- oklab(0.654 0.231 0.055)
- CIE Lab
- lab(57.23 76.75 24.17)
- LCH
- lch(57.23 80.47 17.5)
- CMYK
- cmyk(0% 81% 60% 0%)
Tinte · Ombre · Toni
Tinte
- FF5174
- FF6983
- FF7F92
- FF93A1
- FFA6B0
- FFB8BF
- FFCACF
- FFDCDF
- FFEEEF
Ombre
- DE2857
- BE2149
- 9E1A3C
- 80132F
- 630C22
- 480617
- 2E030C
- 160103
- 030000
Toni
- F44268
- E84E6B
- DD586E
- D16171
- C56873
- B86E76
- AB7379
- 9E787B
- 8F7C7E
Armonie di colore
Complementare +180°
- FF3065
Chinese New Year
- 00A5A4
≈ Royal Cloak
Analogo -30° +30°
- FF3065
Chinese New Year
- EA3DB5
≈ Pink Bite
- EB5D00
≈ Shu Red
Triadico +120° +240°
- FF3065
Chinese New Year
- 5FA700
≈ Ruminant’s Paradise
- 2391FF
≈ Clear Chill
Complementare divisa +150° +210°
- FF3065
Chinese New Year
- 00AA78
≈ Dragon Scale
- 00A0C7
≈ Resonant Blue
Tetradico +90° +180° +270°
- FF3065
Chinese New Year
- A09300
≈ Romaine Green
- 00A5A4
≈ Royal Cloak
- 857AFF
≈ Blue Party Parrot
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.58:1 · APCA Lc 62
Ag
AASu nero
WCAG 5.86:1 · APCA Lc 40
Miglior colore del testo: #000000
WCAG 5.86:1 (AA) · APCA Lc 40
Contrast pairs
Frammenti di codice
CSS
:root {
--chinese-new-year: #ff3065;
--chinese-new-year-rgb: 255 48 101;
--chinese-new-year-oklch: oklch(0.654 0.237 13.3);
}
.element {
color: var(--chinese-new-year);
background-color: hsl(345 100% 59%);
border-color: oklch(0.654 0.237 13.3);
}Tailwind CSS v4
@theme {
--color-chinese-new-year: #ff3065;
--color-chinese-new-year-50: #ffdadf;
--color-chinese-new-year-100: #ffc7ce;
--color-chinese-new-year-200: #ffa8b3;
--color-chinese-new-year-300: #ff7c8f;
--color-chinese-new-year-400: #ff4d75;
--color-chinese-new-year-500: #fb0056;
--color-chinese-new-year-600: #d4004a;
--color-chinese-new-year-700: #ab003a;
--color-chinese-new-year-800: #7f002d;
--color-chinese-new-year-900: #5a011e;
--color-chinese-new-year-950: #3d000e;
}SCSS
$chinese-new-year: #ff3065;
$chinese-new-year-rgb: 255, 48, 101;
$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);
}