이름 색상 · #82ACC4
Arabella
Arabella은(는) #82ACC4: rgb(130 172 196), hsl(202 36% 64%), oklch(0.722 0.057 233.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Blue mean? → · Arabella color name →
#82ACC4
oklch(0.722 0.057 233.6)
색상 변환
- HEX
- #82acc4
- RGB
- rgb(130 172 196)
- HSL
- hsl(202 36% 64%)
- HWB
- hwb(202 51% 23%)
- OKLCH
- oklch(0.722 0.057 233.6)
- OKLab
- oklab(0.722 -0.034 -0.046)
- CIE Lab
- lab(67.94 -10.23 -17.14)
- LCH
- lch(67.94 19.96 239.2)
- CMYK
- cmyk(34% 12% 0% 23%)
틴트 · 셰이드 · 톤
틴트
- 8EB4CA
- 9BBCD0
- A7C5D6
- B4CDDC
- C0D5E2
- CCDDE7
- D9E6ED
- E6EEF3
- F2F7F9
셰이드
- 7095AA
- 5F7F91
- 4E6978
- 3E5461
- 2F404A
- 202D35
- 121B21
- 060B0E
- 010102
톤
- 82A8BD
- 82A3B6
- 829FAF
- 829AA8
- 8296A2
- 82929B
- 818D94
- 81898D
- 818487
색 조화
보색 +180°
- 82ACC4
Arabella
- C39C84
≈ Chestnut Bisque
유사색 -30° +30°
- 82ACC4
Arabella
- 7AB0B6
≈ Buoyancy
- 93A6CA
≈ Old World
삼각 배색 +120° +240°
- 82ACC4
Arabella
- C397A8
≈ Artichoke Mauve
- A5AA81
≈ Brisk Olive
분열 보색 +150° +210°
- 82ACC4
Arabella
- C79894
≈ Fall Canyon
- B7A37D
≈ Tiki Straw
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.42:1 · APCA Lc 48
Ag
AAA검은색 위
WCAG 8.64:1 · APCA Lc 54
가장 좋은 글자색: #000000
WCAG 8.64:1 (AAA) · APCA Lc 54
Contrast pairs
코드 스니펫
CSS
:root {
--arabella: #82acc4;
--arabella-rgb: 130 172 196;
--arabella-oklch: oklch(0.722 0.057 233.6);
}
.element {
color: var(--arabella);
background-color: hsl(202 36% 64%);
border-color: oklch(0.722 0.057 233.6);
}Tailwind CSS v4
@theme {
--color-arabella: #82acc4;
--color-arabella-50: #e6f8ff;
--color-arabella-100: #d7ebf9;
--color-arabella-200: #bed9ea;
--color-arabella-300: #9cbdd1;
--color-arabella-400: #7da5bb;
--color-arabella-500: #5f8da6;
--color-arabella-600: #51778d;
--color-arabella-700: #415f71;
--color-arabella-800: #2e4653;
--color-arabella-900: #1f313a;
--color-arabella-950: #0e1d24;
}SCSS
$arabella: #82acc4;
$arabella-rgb: 130, 172, 196;
$arabella-light: mix(#fff, $arabella, 20%);
$arabella-dark: mix(#000, $arabella, 20%);
.element {
color: $arabella;
box-shadow: 0 0 0 2px rgba($arabella, 0.35);
}