이름 색상 · #EE99EE
Diva Mecha
Diva Mecha은(는) #EE99EE: rgb(238 153 238), hsl(300 71% 77%), oklch(0.796 0.148 326.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Purple mean? → · Diva Mecha color name →
#EE99EE
oklch(0.796 0.148 326.9)
색상 변환
- HEX
- #ee99ee
- RGB
- rgb(238 153 238)
- HSL
- hsl(300 71% 77%)
- HWB
- hwb(300 60% 7%)
- OKLCH
- oklch(0.796 0.148 326.9)
- OKLab
- oklab(0.796 0.124 -0.081)
- CIE Lab
- lab(74.22 42.19 -29.49)
- LCH
- lch(74.22 51.47 325)
- CMYK
- cmyk(0% 36% 0% 7%)
틴트 · 셰이드 · 톤
틴트
- F0A4F0
- F3AEF2
- F5B8F4
- F7C3F6
- F8CDF7
- FAD7F9
- FCE1FB
- FDEBFC
- FEF5FE
셰이드
- CF84CF
- B170B1
- 935D93
- 774A77
- 5C385C
- 422742
- 2A172A
- 140814
- 030103
톤
- E397E3
- D895D7
- CD93CC
- C290C1
- B78EB6
- AC8BAB
- A189A0
- 968695
- 8B838B
색 조화
보색 +180°
- EE99EE
Diva Mecha
- 76D683
≈ Electric Lettuce
유사색 -30° +30°
- EE99EE
Diva Mecha
- C4ACFF
≈ Purple Hepatica
- FF98BE
≈ Saira Red
삼각 배색 +120° +240°
- EE99EE
Diva Mecha
- E5B534
≈ Last Sunlight
- 00D4E8
≈ Thousand Sons Blue
분열 보색 +150° +210°
- EE99EE
Diva Mecha
- B6C84E
≈ Asparagus Fern
- 00DBBA
≈ Channel Marker Green
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.01:1 · APCA Lc 39
Ag
AAA검은색 위
WCAG 10.42:1 · APCA Lc 63
가장 좋은 글자색: #000000
WCAG 10.42:1 (AAA) · APCA Lc 63
Contrast pairs
코드 스니펫
CSS
:root {
--diva-mecha: #ee99ee;
--diva-mecha-rgb: 238 153 238;
--diva-mecha-oklch: oklch(0.796 0.148 326.9);
}
.element {
color: var(--diva-mecha);
background-color: hsl(300 71% 77%);
border-color: oklch(0.796 0.148 326.9);
}Tailwind CSS v4
@theme {
--color-diva-mecha: #ee99ee;
--color-diva-mecha-50: #ffe7ff;
--color-diva-mecha-100: #ffd7ff;
--color-diva-mecha-200: #f8bef4;
--color-diva-mecha-300: #e19cdd;
--color-diva-mecha-400: #cc7dcc;
--color-diva-mecha-500: #b75eb9;
--color-diva-mecha-600: #9b509c;
--color-diva-mecha-700: #7c407d;
--color-diva-mecha-800: #5b2e5e;
--color-diva-mecha-900: #401f42;
--color-diva-mecha-950: #280e2a;
}SCSS
$diva-mecha: #ee99ee;
$diva-mecha-rgb: 238, 153, 238;
$diva-mecha-light: mix(#fff, $diva-mecha, 20%);
$diva-mecha-dark: mix(#000, $diva-mecha, 20%);
.element {
color: $diva-mecha;
box-shadow: 0 0 0 2px rgba($diva-mecha, 0.35);
}