Colore con nome · #80365A
Alfonso Olive
Alfonso Olive è #80365A: rgb(128 54 90), hsl(331 41% 36%), oklch(0.445 0.111 352.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Brown mean? → · Alfonso Olive color name →
#80365A
oklch(0.445 0.111 352.1)
Conversioni di colore
- HEX
- #80365a
- RGB
- rgb(128 54 90)
- HSL
- hsl(331 41% 36%)
- HWB
- hwb(331 21% 50%)
- OKLCH
- oklch(0.445 0.111 352.1)
- OKLab
- oklab(0.445 0.11 -0.015)
- CIE Lab
- lab(34.12 35.62 -5.31)
- LCH
- lch(34.12 36.02 351.5)
- CMYK
- cmyk(0% 58% 30% 50%)
Tinte · Ombre · Toni
Tinte
- 8E4A69
- 9B5D78
- A87088
- B58498
- C298A9
- CEACBA
- DBC0CA
- E7D5DC
- F3EAED
Ombre
- 6E2E4D
- 5D2541
- 4D1E35
- 3D1629
- 2E0F1E
- 1F0813
- 120309
- 060103
- 010000
Toni
- 813E5E
- 824661
- 824E65
- 835569
- 835D6D
- 836471
- 836B74
- 827278
- 81797C
Armonie di colore
Complementare +180°
- 80365A
Alfonso Olive
- 00634E
≈ Green Paw Paw
Analogo -30° +30°
- 80365A
Alfonso Olive
- 703C78
≈ Eminence
- 863637
≈ Tuskgor Fur
Triadico +120° +240°
- 80365A
Alfonso Olive
- 555900
≈ Greensboro
- 005C7D
≈ Job’s Tears
Complementare divisa +150° +210°
- 80365A
Alfonso Olive
- 2A6225
≈ Bright Nori
- 006066
≈ Beau Vert
Tetradico +90° +180° +270°
- 80365A
Alfonso Olive
- 6D4E00
≈ Antique Bronze
- 00634E
≈ Green Paw Paw
- 315190
≈ Nightly Activities
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 8.09:1 · APCA Lc 88
Ag
FailSu nero
WCAG 2.59:1 · APCA Lc 15
Miglior colore del testo: #FFFFFF
WCAG 8.09:1 (AAA) · APCA Lc 88
Contrast pairs
Frammenti di codice
CSS
:root {
--alfonso-olive: #80365a;
--alfonso-olive-rgb: 128 54 90;
--alfonso-olive-oklch: oklch(0.445 0.111 352.1);
}
.element {
color: var(--alfonso-olive);
background-color: hsl(331 41% 36%);
border-color: oklch(0.445 0.111 352.1);
}Tailwind CSS v4
@theme {
--color-alfonso-olive: #80365a;
--color-alfonso-olive-50: #ffe9f7;
--color-alfonso-olive-100: #ffd9ea;
--color-alfonso-olive-200: #fbc1d7;
--color-alfonso-olive-300: #e5a0bb;
--color-alfonso-olive-400: #d183a5;
--color-alfonso-olive-500: #bd658e;
--color-alfonso-olive-600: #a05678;
--color-alfonso-olive-700: #804560;
--color-alfonso-olive-800: #5f3148;
--color-alfonso-olive-900: #422132;
--color-alfonso-olive-950: #2a111e;
}SCSS
$alfonso-olive: #80365a;
$alfonso-olive-rgb: 128, 54, 90;
$alfonso-olive-light: mix(#fff, $alfonso-olive, 20%);
$alfonso-olive-dark: mix(#000, $alfonso-olive, 20%);
.element {
color: $alfonso-olive;
box-shadow: 0 0 0 2px rgba($alfonso-olive, 0.35);
}