最も近い色名 · #FF3065
#FF3065
最も近い色名: Chinese New Year
#FF3065（rgb(255 48 101)、hsl(345 100% 59%)、oklch(0.654 0.237 13.3)）に最も近い色名はChinese New Yearです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#FF3065
oklch(0.654 0.237 13.3)
カラー変換
- 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%)
ティント · シェード · トーン
ティント
- FF5174
- FF6983
- FF7F92
- FF93A1
- FFA6B0
- FFB8BF
- FFCACF
- FFDCDF
- FFEEEF
シェード
- DE2857
- BE2149
- 9E1A3C
- 80132F
- 630C22
- 480617
- 2E030C
- 160103
- 030000
トーン
- F44268
- E84E6B
- DD586E
- D16171
- C56873
- B86E76
- AB7379
- 9E787B
- 8F7C7E
カラーハーモニー
補色 +180°
- FF3065
Chinese New Year
- 00A5A4
≈ Royal Cloak
類似色 -30° +30°
- FF3065
Chinese New Year
- EA3DB5
≈ Pink Bite
- EB5D00
≈ Shu Red
トライアド +120° +240°
- FF3065
Chinese New Year
- 5FA700
≈ Ruminant’s Paradise
- 2391FF
≈ Clear Chill
スプリットコンプリメンタリー +150° +210°
- FF3065
Chinese New Year
- 00AA78
≈ Dragon Scale
- 00A0C7
≈ Resonant Blue
テトラード +90° +180° +270°
- FF3065
Chinese New Year
- A09300
≈ Romaine Green
- 00A5A4
≈ Royal Cloak
- 857AFF
≈ Blue Party Parrot
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 3.58:1 · APCA Lc 62
Ag
AA黒の上
WCAG 5.86:1 · APCA Lc 40
最適な文字色: #000000
WCAG 5.86:1 (AA) · APCA Lc 40
Contrast pairs
コードスニペット
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);
}