이름 색상 · #EE4488
Majestic Magenta
Majestic Magenta은(는) #EE4488: rgb(238 68 136), hsl(336 83% 60%), oklch(0.65 0.212 0.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Majestic Magenta color name →
#EE4488
oklch(0.65 0.212 0.8)
색상 변환
- HEX
- #ee4488
- RGB
- rgb(238 68 136)
- HSL
- hsl(336 83% 60%)
- HWB
- hwb(336 27% 7%)
- OKLCH
- oklch(0.65 0.212 0.8)
- OKLab
- oklab(0.65 0.212 0.003)
- CIE Lab
- lab(56.74 68.55 2.12)
- LCH
- lch(56.74 68.58 1.8)
- CMYK
- cmyk(0% 71% 43% 7%)
틴트 · 셰이드 · 톤
틴트
- F35C93
- F7719F
- FA84AA
- FD97B6
- FFA9C2
- FFBACE
- FFCCDA
- FFDDE6
- FFEEF3
셰이드
- CF3A75
- B13063
- 932652
- 771D41
- 5C1431
- 420C22
- 2A0513
- 140206
- 030001
톤
- E44F87
- DA5786
- D05F86
- C66585
- BB6B84
- B17083
- A57582
- 9A7982
- 8D7D81
색 조화
보색 +180°
- EE4488
Majestic Magenta
- 00A693
≈ Persian Green
유사색 -30° +30°
- EE4488
Majestic Magenta
- D352C9
≈ Fuchsia Flash
- F54933
≈ Vermilion Bird
삼각 배색 +120° +240°
- EE4488
Majestic Magenta
- 829C00
≈ BioShock
- 0098E1
≈ Atmosphere
분열 보색 +150° +210°
- EE4488
Majestic Magenta
- 00AC52
≈ Rita Repulsa
- 00A1B6
≈ January Blue
사각 배색 +90° +180° +270°
- EE4488
Majestic Magenta
- AE8B00
≈ Yellow Brown
- 00A693
≈ Persian Green
- 6683FF
≈ Deep Denim
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.60:1 · APCA Lc 62
Ag
AA검은색 위
WCAG 5.81:1 · APCA Lc 39
가장 좋은 글자색: #000000
WCAG 5.81:1 (AA) · APCA Lc 39
Contrast pairs
코드 스니펫
CSS
:root {
--majestic-magenta: #ee4488;
--majestic-magenta-rgb: 238 68 136;
--majestic-magenta-oklch: oklch(0.65 0.212 0.8);
}
.element {
color: var(--majestic-magenta);
background-color: hsl(336 83% 60%);
border-color: oklch(0.65 0.212 0.8);
}Tailwind CSS v4
@theme {
--color-majestic-magenta: #ee4488;
--color-majestic-magenta-50: #ffdcef;
--color-majestic-magenta-100: #ffcae1;
--color-majestic-magenta-200: #ffadcc;
--color-majestic-magenta-300: #ff84ad;
--color-majestic-magenta-400: #fc5c97;
--color-majestic-magenta-500: #eb257e;
--color-majestic-magenta-600: #c6246b;
--color-majestic-magenta-700: #a01d56;
--color-majestic-magenta-800: #771341;
--color-majestic-magenta-900: #540d2d;
--color-majestic-magenta-950: #38001a;
}SCSS
$majestic-magenta: #ee4488;
$majestic-magenta-rgb: 238, 68, 136;
$majestic-magenta-light: mix(#fff, $majestic-magenta, 20%);
$majestic-magenta-dark: mix(#000, $majestic-magenta, 20%);
.element {
color: $majestic-magenta;
box-shadow: 0 0 0 2px rgba($majestic-magenta, 0.35);
}