가장 가까운 이름 색상 · #8084E4
#8084E4
가장 가까운 이름 색상: Perrywinkle
#8084E4(rgb(128 132 228), hsl(238 65% 70%), oklch(0.653 0.142 279.9))와 가장 가까운 이름 색상은 Perrywinkle입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#8084E4
oklch(0.653 0.142 279.9)
색상 변환
- HEX
- #8084e4
- RGB
- rgb(128 132 228)
- HSL
- hsl(238 65% 70%)
- HWB
- hwb(238 50% 11%)
- OKLCH
- oklch(0.653 0.142 279.9)
- OKLab
- oklab(0.653 0.024 -0.139)
- CIE Lab
- lab(58.08 17.21 -50.04)
- LCH
- lch(58.08 52.92 289)
- CMYK
- cmyk(44% 42% 0% 11%)
틴트 · 셰이드 · 톤
틴트
- 8B91E8
- 979DEB
- A3A9EE
- B0B6F1
- BCC2F4
- C9CEF7
- D6DAF9
- E4E6FB
- F1F3FD
셰이드
- 6E72C6
- 5D60A9
- 4D4F8D
- 3D3F72
- 2E2F58
- 1F203F
- 121228
- 060612
- 010103
톤
- 8084DA
- 7F84D0
- 7F84C6
- 7F84BC
- 7F84B3
- 7F83A9
- 7F839F
- 7F8295
- 80818A
색 조화
보색 +180°
- 8084E4
Perrywinkle
- A49100
≈ Romaine Green
유사색 -30° +30°
- 8084E4
Perrywinkle
- 4294E2
≈ Oregon Blue
- AA75D0
≈ Rich Lavender
삼각 배색 +120° +240°
- 8084E4
Perrywinkle
- D76E49
≈ Field Poppy
- 1CAA71
≈ Garden Medley
분열 보색 +150° +210°
- 8084E4
Perrywinkle
- C67E00
≈ Bamboo Brown
- 73A03A
≈ Carol’s Purr
사각 배색 +90° +180° +270°
- 8084E4
Perrywinkle
- D7677C
≈ Pinkish
- A49100
≈ Romaine Green
- 00A59F
≈ Jadestone
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.31:1 · APCA Lc 60
Ag
AA검은색 위
WCAG 6.33:1 · APCA Lc 41
가장 좋은 글자색: #000000
WCAG 6.33:1 (AA) · APCA Lc 41
Contrast pairs
코드 스니펫
CSS
:root {
--perrywinkle: #8084e4;
--perrywinkle-rgb: 128 132 228;
--perrywinkle-oklch: oklch(0.653 0.142 279.9);
}
.element {
color: var(--perrywinkle);
background-color: hsl(238 65% 70%);
border-color: oklch(0.653 0.142 279.9);
}Tailwind CSS v4
@theme {
--color-perrywinkle: #8084e4;
--color-perrywinkle-50: #eef1ff;
--color-perrywinkle-100: #dfe3ff;
--color-perrywinkle-200: #cacdff;
--color-perrywinkle-300: #acaefe;
--color-perrywinkle-400: #8f94f0;
--color-perrywinkle-500: #7678e1;
--color-perrywinkle-600: #6466be;
--color-perrywinkle-700: #4f5198;
--color-perrywinkle-800: #383c72;
--color-perrywinkle-900: #262951;
--color-perrywinkle-950: #151636;
}SCSS
$perrywinkle: #8084e4;
$perrywinkle-rgb: 128, 132, 228;
$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);
}