가장 가까운 이름 색상 · #9293EC
#9293EC
가장 가까운 이름 색상: Perrywinkle
#9293EC(rgb(146 147 236), hsl(239 70% 75%), oklch(0.699 0.129 282))와 가장 가까운 이름 색상은 Perrywinkle입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#9293EC
oklch(0.699 0.129 282)
색상 변환
- HEX
- #9293ec
- RGB
- rgb(146 147 236)
- HSL
- hsl(239 70% 75%)
- HWB
- hwb(239 57% 7%)
- OKLCH
- oklch(0.699 0.129 282)
- OKLab
- oklab(0.699 0.027 -0.126)
- CIE Lab
- lab(63.67 15.87 -45.56)
- LCH
- lch(63.67 48.25 289.2)
- CMYK
- cmyk(38% 38% 0% 7%)
틴트 · 셰이드 · 톤
틴트
- 9C9EEF
- A6A9F1
- B1B4F3
- BBBEF6
- C6C9F8
- D1D4F9
- DCDFFB
- E8E9FD
- F3F4FE
셰이드
- 7E7FCD
- 6B6CAF
- 585992
- 464776
- 35365B
- 252542
- 161629
- 080813
- 010103
톤
- 9092E1
- 8E90D6
- 8C8ECC
- 8A8CC1
- 888BB6
- 8789AB
- 8587A1
- 838596
- 82828B
색 조화
보색 +180°
- 9293EC
Perrywinkle
- AEA030
≈ Martian
유사색 -30° +30°
- 9293EC
Perrywinkle
- 5EA2EC
≈ Feather Star
- B985D8
≈ Lavender Blossom
삼각 배색 +120° +240°
- 9293EC
Perrywinkle
- E1815B
≈ Sohi Orange
- 40B785
≈ Ming Green
분열 보색 +150° +210°
- 9293EC
Perrywinkle
- CF9034
≈ Fuel Yellow
- 80AF56
≈ Lost Golfer
사각 배색 +90° +180° +270°
- 9293EC
Perrywinkle
- E27A89
≈ Hot Gossip
- AEA030
≈ Martian
- 00B5B1
≈ Swagger
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.76:1 · APCA Lc 53
Ag
AAA검은색 위
WCAG 7.60:1 · APCA Lc 49
가장 좋은 글자색: #000000
WCAG 7.60:1 (AAA) · APCA Lc 49
Contrast pairs
코드 스니펫
CSS
:root {
--perrywinkle: #9293ec;
--perrywinkle-rgb: 146 147 236;
--perrywinkle-oklch: oklch(0.699 0.129 282);
}
.element {
color: var(--perrywinkle);
background-color: hsl(239 70% 75%);
border-color: oklch(0.699 0.129 282);
}Tailwind CSS v4
@theme {
--color-perrywinkle: #9293ec;
--color-perrywinkle-50: #f0f1ff;
--color-perrywinkle-100: #e2e3ff;
--color-perrywinkle-200: #cdcdff;
--color-perrywinkle-300: #afaff8;
--color-perrywinkle-400: #9394e9;
--color-perrywinkle-500: #7a79d9;
--color-perrywinkle-600: #6766b7;
--color-perrywinkle-700: #525293;
--color-perrywinkle-800: #3a3c6e;
--color-perrywinkle-900: #28294d;
--color-perrywinkle-950: #161733;
}SCSS
$perrywinkle: #9293ec;
$perrywinkle-rgb: 146, 147, 236;
$perrywinkle-light: mix(#fff, $perrywinkle, 20%);
$perrywinkle-dark: mix(#000, $perrywinkle, 20%);
.element {
color: $perrywinkle;
box-shadow: 0 0 0 2px rgba($perrywinkle, 0.35);
}