Couleur nommée la plus proche · #FF3065
#FF3065
Couleur nommée la plus proche: Chinese New Year
#FF3065 (rgb(255 48 101), hsl(345 100% 59%), oklch(0.654 0.237 13.3)) est la plus proche de la couleur nommée Chinese New Year. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#FF3065
oklch(0.654 0.237 13.3)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- FF5174
- FF6983
- FF7F92
- FF93A1
- FFA6B0
- FFB8BF
- FFCACF
- FFDCDF
- FFEEEF
Ombres
- DE2857
- BE2149
- 9E1A3C
- 80132F
- 630C22
- 480617
- 2E030C
- 160103
- 030000
Tons
- F44268
- E84E6B
- DD586E
- D16171
- C56873
- B86E76
- AB7379
- 9E787B
- 8F7C7E
Harmonies de couleurs
Complémentaire +180°
- FF3065
Chinese New Year
- 00A5A4
≈ Royal Cloak
Analogue -30° +30°
- FF3065
Chinese New Year
- EA3DB5
≈ Pink Bite
- EB5D00
≈ Shu Red
Triadique +120° +240°
- FF3065
Chinese New Year
- 5FA700
≈ Ruminant’s Paradise
- 2391FF
≈ Clear Chill
Complémentaire divisée +150° +210°
- FF3065
Chinese New Year
- 00AA78
≈ Dragon Scale
- 00A0C7
≈ Resonant Blue
Tétradique +90° +180° +270°
- FF3065
Chinese New Year
- A09300
≈ Romaine Green
- 00A5A4
≈ Royal Cloak
- 857AFF
≈ Blue Party Parrot
Contraste et accessibilité
Ag
FailSur blanc
WCAG 3.58:1 · APCA Lc 62
Ag
AASur noir
WCAG 5.86:1 · APCA Lc 40
Meilleure couleur de texte: #000000
WCAG 5.86:1 (AA) · APCA Lc 40
Contrast pairs
Extraits de code
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);
}