이름 색상 · #F246A7
Major Magenta
Major Magenta은(는) #F246A7: rgb(242 70 167), hsl(326 87% 61%), oklch(0.668 0.225 350.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Major Magenta color name →
#F246A7
oklch(0.668 0.225 350.3)
색상 변환
- HEX
- #f246a7
- RGB
- rgb(242 70 167)
- HSL
- hsl(326 87% 61%)
- HWB
- hwb(326 27% 5%)
- OKLCH
- oklch(0.668 0.225 350.3)
- OKLab
- oklab(0.668 0.222 -0.038)
- CIE Lab
- lab(58.5 71.28 -13.39)
- LCH
- lch(58.5 72.52 349.4)
- CMYK
- cmyk(0% 71% 31% 5%)
틴트 · 셰이드 · 톤
틴트
- F65EB0
- FA73B8
- FD86C1
- FF98CA
- FFAAD2
- FFBBDB
- FFCDE4
- FFDDED
- FFEEF6
셰이드
- D23C91
- B4327B
- 962866
- 791E52
- 5E153E
- 430D2C
- 2B051A
- 14020A
- 030001
톤
- E851A3
- DD599F
- D3619B
- C86797
- BD6D94
- B27190
- A6768C
- 9A7A88
- 8D7D84
색 조화
보색 +180°
- F246A7
Major Magenta
- 00AE89
≈ Arcadia
유사색 -30° +30°
- F246A7
Major Magenta
- CF59E8
≈ Bubblegum Baby Girl
- FF4658
≈ Hotter Than Hell
삼각 배색 +120° +240°
- F246A7
Major Magenta
- 9A9C00
≈ Papyrus
- 00A2D7
≈ Vanadyl Blue
분열 보색 +150° +210°
- F246A7
Major Magenta
- 32B200
≈ Pikkoro Green
- 00A9B1
≈ Blue Bolero
사각 배색 +90° +180° +270°
- F246A7
Major Magenta
- C08A00
≈ Kenyan Sand
- 00AE89
≈ Arcadia
- 5191FF
≈ Polar Glow
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.38:1 · APCA Lc 60
Ag
AA검은색 위
WCAG 6.20:1 · APCA Lc 42
가장 좋은 글자색: #000000
WCAG 6.20:1 (AA) · APCA Lc 42
Contrast pairs
코드 스니펫
CSS
:root {
--major-magenta: #f246a7;
--major-magenta-rgb: 242 70 167;
--major-magenta-oklch: oklch(0.668 0.225 350.3);
}
.element {
color: var(--major-magenta);
background-color: hsl(326 87% 61%);
border-color: oklch(0.668 0.225 350.3);
}Tailwind CSS v4
@theme {
--color-major-magenta: #f246a7;
--color-major-magenta-50: #ffdbfc;
--color-major-magenta-100: #ffc9ef;
--color-major-magenta-200: #ffaade;
--color-major-magenta-300: #ff81c3;
--color-major-magenta-400: #fa58b0;
--color-major-magenta-500: #e81b9a;
--color-major-magenta-600: #c41d82;
--color-major-magenta-700: #9e1868;
--color-major-magenta-800: #750f4f;
--color-major-magenta-900: #530a37;
--color-major-magenta-950: #370022;
}SCSS
$major-magenta: #f246a7;
$major-magenta-rgb: 242, 70, 167;
$major-magenta-light: mix(#fff, $major-magenta, 20%);
$major-magenta-dark: mix(#000, $major-magenta, 20%);
.element {
color: $major-magenta;
box-shadow: 0 0 0 2px rgba($major-magenta, 0.35);
}