Colore con nome · #82ACC4
Arabella
Arabella è #82ACC4: rgb(130 172 196), hsl(202 36% 64%), oklch(0.722 0.057 233.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Arabella color name →
#82ACC4
oklch(0.722 0.057 233.6)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- 8EB4CA
- 9BBCD0
- A7C5D6
- B4CDDC
- C0D5E2
- CCDDE7
- D9E6ED
- E6EEF3
- F2F7F9
Ombre
- 7095AA
- 5F7F91
- 4E6978
- 3E5461
- 2F404A
- 202D35
- 121B21
- 060B0E
- 010102
Toni
- 82A8BD
- 82A3B6
- 829FAF
- 829AA8
- 8296A2
- 82929B
- 818D94
- 81898D
- 818487
Armonie di colore
Complementare +180°
- 82ACC4
Arabella
- C39C84
≈ Chestnut Bisque
Analogo -30° +30°
- 82ACC4
Arabella
- 7AB0B6
≈ Buoyancy
- 93A6CA
≈ Old World
Triadico +120° +240°
- 82ACC4
Arabella
- C397A8
≈ Artichoke Mauve
- A5AA81
≈ Brisk Olive
Complementare divisa +150° +210°
- 82ACC4
Arabella
- C79894
≈ Fall Canyon
- B7A37D
≈ Tiki Straw
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.42:1 · APCA Lc 48
Ag
AAASu nero
WCAG 8.64:1 · APCA Lc 54
Miglior colore del testo: #000000
WCAG 8.64:1 (AAA) · APCA Lc 54
Contrast pairs
Frammenti di codice
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);
}