Colore con nome · #A57E98
Cali Lily
Cali Lily è #A57E98: rgb(165 126 152), hsl(320 18% 57%), oklch(0.639 0.06 339.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Pink mean? → · Cali Lily color name →
#A57E98
oklch(0.639 0.06 339.1)
Conversioni di colore
- HEX
- #a57e98
- RGB
- rgb(165 126 152)
- HSL
- hsl(320 18% 57%)
- HWB
- hwb(320 49% 35%)
- OKLCH
- oklch(0.639 0.06 339.1)
- OKLab
- oklab(0.639 0.056 -0.021)
- CIE Lab
- lab(57.3 18.79 -7.9)
- LCH
- lch(57.3 20.38 337.2)
- CMYK
- cmyk(0% 24% 8% 35%)
Tinte · Ombre · Toni
Tinte
- AE8AA2
- B797AC
- C0A3B6
- C9B0C0
- D2BDCA
- DBCAD5
- E4D7DF
- EDE4EA
- F6F2F4
Ombre
- 8F6D84
- 795C70
- 654C5C
- 513C4A
- 3D2D38
- 2B1F27
- 1A1117
- 0A0508
- 010101
Toni
- A17E96
- 9E7F93
- 9A7F91
- 977F8E
- 937F8C
- 8F7F8A
- 8B8087
- 888085
- 848082
Armonie di colore
Complementare +180°
- A57E98
Cali Lily
- 6C977F
≈ Douglas Fir Green
Analogo -30° +30°
- A57E98
Cali Lily
- 9782A8
≈ Purple Phantom
- AD7D84
≈ Audrey’s Blush
Triadico +120° +240°
- A57E98
Cali Lily
- 958D62
≈ Tate Olive
- 6195A5
≈ Deep Diving
Complementare divisa +150° +210°
- A57E98
Cali Lily
- 81936D
≈ Green Eyes
- 5F9893
≈ Loch Blue
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.47:1 · APCA Lc 62
Ag
AASu nero
WCAG 6.03:1 · APCA Lc 39
Miglior colore del testo: #000000
WCAG 6.03:1 (AA) · APCA Lc 39
Contrast pairs
Frammenti di codice
CSS
:root {
--cali-lily: #a57e98;
--cali-lily-rgb: 165 126 152;
--cali-lily-oklch: oklch(0.639 0.06 339.1);
}
.element {
color: var(--cali-lily);
background-color: hsl(320 18% 57%);
border-color: oklch(0.639 0.06 339.1);
}Tailwind CSS v4
@theme {
--color-cali-lily: #a57e98;
--color-cali-lily-50: #ffeffa;
--color-cali-lily-100: #f7e0ee;
--color-cali-lily-200: #e7cbdc;
--color-cali-lily-300: #ceacc1;
--color-cali-lily-400: #b791aa;
--color-cali-lily-500: #a17793;
--color-cali-lily-600: #88657d;
--color-cali-lily-700: #6d5064;
--color-cali-lily-800: #503a4a;
--color-cali-lily-900: #382833;
--color-cali-lily-950: #22161f;
}SCSS
$cali-lily: #a57e98;
$cali-lily-rgb: 165, 126, 152;
$cali-lily-light: mix(#fff, $cali-lily, 20%);
$cali-lily-dark: mix(#000, $cali-lily, 20%);
.element {
color: $cali-lily;
box-shadow: 0 0 0 2px rgba($cali-lily, 0.35);
}