이름 색상 · #FF3366
Chinese New Year
Chinese New Year은(는) #FF3366: rgb(255 51 102), hsl(345 100% 60%), oklch(0.656 0.235 13.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Chinese New Year color name →
#FF3366
oklch(0.656 0.235 13.3)
색상 변환
- HEX
- #ff3366
- RGB
- rgb(255 51 102)
- HSL
- hsl(345 100% 60%)
- HWB
- hwb(345 20% 0%)
- OKLCH
- oklch(0.656 0.235 13.3)
- OKLab
- oklab(0.656 0.229 0.054)
- CIE Lab
- lab(57.49 76.11 23.92)
- LCH
- lch(57.49 79.78 17.4)
- CMYK
- cmyk(0% 80% 60% 0%)
틴트 · 셰이드 · 톤
틴트
- FF5275
- FF6A83
- FF8092
- FF94A1
- FFA6B1
- FFB9C0
- FFCBCF
- FFDCDF
- FFEEEF
셰이드
- DE2B58
- BE234A
- 9E1C3C
- 80142F
- 630D23
- 480717
- 2E030C
- 160104
- 030000
톤
- F44469
- E8506C
- DD5A6E
- D16271
- C56974
- B86F76
- AB7479
- 9E787B
- 8F7C7E
색 조화
보색 +180°
- FF3366
Chinese New Year
- 00A6A4
≈ Royal Cloak
유사색 -30° +30°
- FF3366
Chinese New Year
- EA3FB5
≈ Pink Bite
- EC5E00
≈ Shu Red
삼각 배색 +120° +240°
- FF3366
Chinese New Year
- 5FA800
≈ Ruminant’s Paradise
- 2592FF
≈ Clear Chill
분열 보색 +150° +210°
- FF3366
Chinese New Year
- 00AB78
≈ Bright Camouflage
- 00A0C8
≈ Resonant Blue
사각 배색 +90° +180° +270°
- FF3366
Chinese New Year
- A19400
≈ Romaine Green
- 00A6A4
≈ Royal Cloak
- 857BFF
≈ Blue Party Parrot
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.54:1 · APCA Lc 61
Ag
AA검은색 위
WCAG 5.91:1 · APCA Lc 40
가장 좋은 글자색: #000000
WCAG 5.91:1 (AA) · APCA Lc 40
Contrast pairs
코드 스니펫
CSS
:root {
--chinese-new-year: #ff3366;
--chinese-new-year-rgb: 255 51 102;
--chinese-new-year-oklch: oklch(0.656 0.235 13.3);
}
.element {
color: var(--chinese-new-year);
background-color: hsl(345 100% 60%);
border-color: oklch(0.656 0.235 13.3);
}Tailwind CSS v4
@theme {
--color-chinese-new-year: #ff3366;
--color-chinese-new-year-50: #ffdadf;
--color-chinese-new-year-100: #ffc7ce;
--color-chinese-new-year-200: #ffa8b3;
--color-chinese-new-year-300: #ff7d8f;
--color-chinese-new-year-400: #ff4e75;
--color-chinese-new-year-500: #fa0057;
--color-chinese-new-year-600: #d3004a;
--color-chinese-new-year-700: #aa003b;
--color-chinese-new-year-800: #7f002d;
--color-chinese-new-year-900: #5a021e;
--color-chinese-new-year-950: #3c000e;
}SCSS
$chinese-new-year: #ff3366;
$chinese-new-year-rgb: 255, 51, 102;
$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);
}