Màu có tên gần nhất · #FF3065
#FF3065
Màu có tên gần nhất: Chinese New Year
#FF3065 (rgb(255 48 101), hsl(345 100% 59%), oklch(0.654 0.237 13.3)) gần nhất với màu có tên Chinese New Year. Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
#FF3065
oklch(0.654 0.237 13.3)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- FF5174
- FF6983
- FF7F92
- FF93A1
- FFA6B0
- FFB8BF
- FFCACF
- FFDCDF
- FFEEEF
Sắc đậm
- DE2857
- BE2149
- 9E1A3C
- 80132F
- 630C22
- 480617
- 2E030C
- 160103
- 030000
Sắc xám
- F44268
- E84E6B
- DD586E
- D16171
- C56873
- B86E76
- AB7379
- 9E787B
- 8F7C7E
Hòa sắc
Bổ túc +180°
- FF3065
Chinese New Year
- 00A5A4
≈ Royal Cloak
Tương đồng -30° +30°
- FF3065
Chinese New Year
- EA3DB5
≈ Pink Bite
- EB5D00
≈ Shu Red
Bộ ba +120° +240°
- FF3065
Chinese New Year
- 5FA700
≈ Ruminant’s Paradise
- 2391FF
≈ Clear Chill
Bổ túc chia +150° +210°
- FF3065
Chinese New Year
- 00AA78
≈ Dragon Scale
- 00A0C7
≈ Resonant Blue
Bộ bốn +90° +180° +270°
- FF3065
Chinese New Year
- A09300
≈ Romaine Green
- 00A5A4
≈ Royal Cloak
- 857AFF
≈ Blue Party Parrot
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 3.58:1 · APCA Lc 62
Ag
AATrên nền đen
WCAG 5.86:1 · APCA Lc 40
Màu chữ tốt nhất: #000000
WCAG 5.86:1 (AA) · APCA Lc 40
Contrast pairs
Đoạn mã
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);
}