이름 색상 · #EE82ED
Lavender Magenta
Lavender Magenta은(는) #EE82ED: rgb(238 130 237), hsl(301 76% 72%), oklch(0.761 0.185 327.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Purple mean? → · Lavender Magenta color name →
#EE82ED
oklch(0.761 0.185 327.5)
색상 변환
- HEX
- #ee82ed
- RGB
- rgb(238 130 237)
- HSL
- hsl(301 76% 72%)
- HWB
- hwb(301 51% 7%)
- OKLCH
- oklch(0.761 0.185 327.5)
- OKLab
- oklab(0.761 0.156 -0.099)
- CIE Lab
- lab(69.58 53.16 -36.04)
- LCH
- lch(69.58 64.23 325.9)
- CMYK
- cmyk(0% 45% 0% 7%)
틴트 · 셰이드 · 톤
틴트
- F190EF
- F39DF1
- F6AAF4
- F8B6F6
- F9C3F7
- FBCFF9
- FCDBFB
- FEE7FC
- FEF3FE
셰이드
- CF70CE
- B15FB0
- 934E93
- 773E77
- 5C2F5C
- 422042
- 2A122A
- 140614
- 030103
톤
- E383E2
- D884D7
- CD84CC
- C284C1
- B884B6
- AD84AB
- A283A0
- 978296
- 8B818B
색 조화
보색 +180°
- EE82ED
Lavender Magenta
- 4BD068
≈ UFO Green
유사색 -30° +30°
- EE82ED
Lavender Magenta
- BC9DFF
≈ Diva
- FF83B2
≈ Informative Pink
삼각 배색 +120° +240°
- EE82ED
Lavender Magenta
- DBAA00
≈ Cabana Glow
- 00C8DC
≈ The Crowd Roars!
분열 보색 +150° +210°
- EE82ED
Lavender Magenta
- AABF00
≈ Bahia
- 00CEB1
≈ Mint Leaf
사각 배색 +90° +180° +270°
- EE82ED
Lavender Magenta
- FF922C
≈ Energy Orange
- 4BD068
≈ UFO Green
- 48BDFF
≈ Glitter Lake
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.32:1 · APCA Lc 45
Ag
AAA검은색 위
WCAG 9.05:1 · APCA Lc 57
가장 좋은 글자색: #000000
WCAG 9.05:1 (AAA) · APCA Lc 57
Contrast pairs
코드 스니펫
CSS
:root {
--lavender-magenta: #ee82ed;
--lavender-magenta-rgb: 238 130 237;
--lavender-magenta-oklch: oklch(0.761 0.185 327.5);
}
.element {
color: var(--lavender-magenta);
background-color: hsl(301 76% 72%);
border-color: oklch(0.761 0.185 327.5);
}Tailwind CSS v4
@theme {
--color-lavender-magenta: #ee82ed;
--color-lavender-magenta-50: #ffe3ff;
--color-lavender-magenta-100: #ffd2ff;
--color-lavender-magenta-200: #ffb7fb;
--color-lavender-magenta-300: #eb93e5;
--color-lavender-magenta-400: #d672d6;
--color-lavender-magenta-500: #c34dc3;
--color-lavender-magenta-600: #a543a5;
--color-lavender-magenta-700: #843584;
--color-lavender-magenta-800: #612664;
--color-lavender-magenta-900: #441946;
--color-lavender-magenta-950: #2c092e;
}SCSS
$lavender-magenta: #ee82ed;
$lavender-magenta-rgb: 238, 130, 237;
$lavender-magenta-light: mix(#fff, $lavender-magenta, 20%);
$lavender-magenta-dark: mix(#000, $lavender-magenta, 20%);
.element {
color: $lavender-magenta;
box-shadow: 0 0 0 2px rgba($lavender-magenta, 0.35);
}