가장 가까운 이름 색상 · #E19BEF
#E19BEF
가장 가까운 이름 색상: Diva Mecha
#E19BEF(rgb(225 155 239), hsl(290 72% 77%), oklch(0.786 0.138 320.7))와 가장 가까운 이름 색상은 Diva Mecha입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#E19BEF
oklch(0.786 0.138 320.7)
색상 변환
- HEX
- #e19bef
- RGB
- rgb(225 155 239)
- HSL
- hsl(290 72% 77%)
- HWB
- hwb(290 61% 6%)
- OKLCH
- oklch(0.786 0.138 320.7)
- OKLab
- oklab(0.786 0.107 -0.087)
- CIE Lab
- lab(73.21 37.07 -31.72)
- LCH
- lch(73.21 48.79 319.4)
- CMYK
- cmyk(6% 35% 0% 6%)
틴트 · 셰이드 · 톤
틴트
- E4A5F1
- E8AFF3
- EBBAF5
- EEC4F6
- F1CEF8
- F4D7FA
- F7E1FB
- FAEBFD
- FCF5FE
셰이드
- C486D0
- A772B1
- 8B5E94
- 704B78
- 56395C
- 3E2842
- 27182A
- 120914
- 020103
톤
- D799E4
- CD96D8
- C494CD
- BA91C2
- B08FB7
- A68CAC
- 9D89A1
- 938696
- 8A838B
색 조화
보색 +180°
- E19BEF
Diva Mecha
- 86CF7A
≈ Fluorescence
유사색 -30° +30°
- E19BEF
Diva Mecha
- B9ACFF
≈ Winterspring Lilac
- FB93C4
≈ Himalayan Balsam
삼각 배색 +120° +240°
- E19BEF
Diva Mecha
- E6AF43
≈ Mì Chéng Honey
- 00D2DC
≈ Aztec Turquoise
분열 보색 +150° +210°
- E19BEF
Diva Mecha
- BEC14E
≈ Sativa
- 3FD5AD
≈ Channel Marker Green
사각 배색 +90° +180° +270°
- E19BEF
Diva Mecha
- FF9E63
≈ Orange Spice
- 86CF7A
≈ Fluorescence
- 49C8FF
≈ Thor’s Thunder
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.07:1 · APCA Lc 40
Ag
AAA검은색 위
WCAG 10.13:1 · APCA Lc 62
가장 좋은 글자색: #000000
WCAG 10.13:1 (AAA) · APCA Lc 62
Contrast pairs
코드 스니펫
CSS
:root {
--diva-mecha: #e19bef;
--diva-mecha-rgb: 225 155 239;
--diva-mecha-oklch: oklch(0.786 0.138 320.7);
}
.element {
color: var(--diva-mecha);
background-color: hsl(290 72% 77%);
border-color: oklch(0.786 0.138 320.7);
}Tailwind CSS v4
@theme {
--color-diva-mecha: #e19bef;
--color-diva-mecha-50: #ffe9ff;
--color-diva-mecha-100: #ffd9ff;
--color-diva-mecha-200: #f1c1f7;
--color-diva-mecha-300: #d99fe1;
--color-diva-mecha-400: #c382d0;
--color-diva-mecha-500: #ae64bd;
--color-diva-mecha-600: #9355a0;
--color-diva-mecha-700: #764480;
--color-diva-mecha-800: #563160;
--color-diva-mecha-900: #3c2144;
--color-diva-mecha-950: #26102c;
}SCSS
$diva-mecha: #e19bef;
$diva-mecha-rgb: 225, 155, 239;
$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);
}