En yakın adlandırılmış renk · #FF3065
#FF3065
En yakın adlandırılmış renk: Chinese New Year
#FF3065 (rgb(255 48 101), hsl(345 100% 59%), oklch(0.654 0.237 13.3)) en çok Chinese New Year adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#FF3065
oklch(0.654 0.237 13.3)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- FF5174
- FF6983
- FF7F92
- FF93A1
- FFA6B0
- FFB8BF
- FFCACF
- FFDCDF
- FFEEEF
Koyu tonlar
- DE2857
- BE2149
- 9E1A3C
- 80132F
- 630C22
- 480617
- 2E030C
- 160103
- 030000
Gri tonlar
- F44268
- E84E6B
- DD586E
- D16171
- C56873
- B86E76
- AB7379
- 9E787B
- 8F7C7E
Renk uyumları
Tamamlayıcı +180°
- FF3065
Chinese New Year
- 00A5A4
≈ Royal Cloak
Analog -30° +30°
- FF3065
Chinese New Year
- EA3DB5
≈ Pink Bite
- EB5D00
≈ Shu Red
Üçlü +120° +240°
- FF3065
Chinese New Year
- 5FA700
≈ Ruminant’s Paradise
- 2391FF
≈ Clear Chill
Bölünmüş tamamlayıcı +150° +210°
- FF3065
Chinese New Year
- 00AA78
≈ Dragon Scale
- 00A0C7
≈ Resonant Blue
Dörtlü +90° +180° +270°
- FF3065
Chinese New Year
- A09300
≈ Romaine Green
- 00A5A4
≈ Royal Cloak
- 857AFF
≈ Blue Party Parrot
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.58:1 · APCA Lc 62
Ag
AASiyah üzerinde
WCAG 5.86:1 · APCA Lc 40
En iyi metin rengi: #000000
WCAG 5.86:1 (AA) · APCA Lc 40
Contrast pairs
Kod parçacıkları
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);
}