Colore con nome · #A18899
Lively Light
Lively Light è #A18899: rgb(161 136 153), hsl(319 12% 58%), oklch(0.655 0.039 337.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Pink mean? → · Lively Light color name →
#A18899
oklch(0.655 0.039 337.8)
Conversioni di colore
- HEX
- #a18899
- RGB
- rgb(161 136 153)
- HSL
- hsl(319 12% 58%)
- HWB
- hwb(319 53% 37%)
- OKLCH
- oklch(0.655 0.039 337.8)
- OKLab
- oklab(0.655 0.036 -0.015)
- CIE Lab
- lab(59.44 12.03 -5.38)
- LCH
- lch(59.44 13.17 335.9)
- CMYK
- cmyk(0% 16% 5% 37%)
Tinte · Ombre · Toni
Tinte
- AA93A3
- B39FAD
- BDAAB7
- C6B6C1
- CFC2CB
- D9CED5
- E2DADF
- ECE6EA
- F5F3F4
Ombre
- 8B7584
- 766370
- 62525D
- 4E414A
- 3C3138
- 2A2227
- 191317
- 090608
- 010101
Toni
- 9E8796
- 9A8694
- 978691
- 94858F
- 91848C
- 8D838A
- 8A8287
- 878285
- 838182
Armonie di colore
Complementare +180°
- A18899
Lively Light
- 7E9888
≈ Parisian Patina
Analogo -30° +30°
- A18899
Lively Light
- 978BA3
≈ Smoky Mauve
- A6878C
≈ Coffee Rose
Triadico +120° +240°
- A18899
Lively Light
- 979177
≈ Paseo Verde
- 7797A0
≈ Cameo Blue
Complementare divisa +150° +210°
- A18899
Lively Light
- 8A967C
≈ Leafy Rise
- 769995
≈ Undertow
Tetradico +90° +180° +270°
- A18899
Lively Light
- A18D78
≈ Cavern
- 7E9888
≈ Parisian Patina
- 7F93A8
≈ Stratus
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.23:1 · APCA Lc 60
Ag
AASu nero
WCAG 6.49:1 · APCA Lc 42
Miglior colore del testo: #000000
WCAG 6.49:1 (AA) · APCA Lc 42
Contrast pairs
Frammenti di codice
CSS
:root {
--lively-light: #a18899;
--lively-light-rgb: 161 136 153;
--lively-light-oklch: oklch(0.655 0.039 337.8);
}
.element {
color: var(--lively-light);
background-color: hsl(319 12% 58%);
border-color: oklch(0.655 0.039 337.8);
}Tailwind CSS v4
@theme {
--color-lively-light: #a18899;
--color-lively-light-50: #fdf1f9;
--color-lively-light-100: #f1e3ec;
--color-lively-light-200: #e0ced9;
--color-lively-light-300: #c6b0be;
--color-lively-light-400: #ae96a6;
--color-lively-light-500: #987d8f;
--color-lively-light-600: #806a79;
--color-lively-light-700: #675461;
--color-lively-light-800: #4b3d48;
--color-lively-light-900: #342a32;
--color-lively-light-950: #20181e;
}SCSS
$lively-light: #a18899;
$lively-light-rgb: 161, 136, 153;
$lively-light-light: mix(#fff, $lively-light, 20%);
$lively-light-dark: mix(#000, $lively-light, 20%);
.element {
color: $lively-light;
box-shadow: 0 0 0 2px rgba($lively-light, 0.35);
}