Colore con nome · #A385B3
Daylight Lilac
Daylight Lilac è #A385B3: rgb(163 133 179), hsl(279 23% 61%), oklch(0.661 0.075 313.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Purple mean? → · Daylight Lilac color name →
#A385B3
oklch(0.661 0.075 313.7)
Conversioni di colore
- HEX
- #a385b3
- RGB
- rgb(163 133 179)
- HSL
- hsl(279 23% 61%)
- HWB
- hwb(279 52% 30%)
- OKLCH
- oklch(0.661 0.075 313.7)
- OKLab
- oklab(0.661 0.052 -0.054)
- CIE Lab
- lab(59.61 18.27 -19.87)
- LCH
- lch(59.61 26.99 312.6)
- CMYK
- cmyk(9% 26% 0% 30%)
Tinte · Ombre · Toni
Tinte
- AC91BB
- B59DC2
- BEA9CA
- C7B5D1
- D0C1D9
- DACDE1
- E3D9E8
- ECE6F0
- F6F2F7
Ombre
- 8D739B
- 786184
- 63506E
- 4F4058
- 3C3043
- 2A212F
- 19131D
- 0A060C
- 010101
Toni
- 9F85AE
- 9C84A9
- 9884A4
- 95839F
- 91839A
- 8E8294
- 8A828F
- 87818A
- 838185
Armonie di colore
Complementare +180°
- A385B3
Daylight Lilac
- 809D6E
≈ Sleepy Hollow
Analogo -30° +30°
- A385B3
Daylight Lilac
- 8C8DBF
≈ Carriage Ride
- B4809E
≈ Antique Hot Pink
Triadico +120° +240°
- A385B3
Daylight Lilac
- AE8C5E
≈ Hawk Feather
- 56A19F
≈ Teal Bayou
Complementare divisa +150° +210°
- A385B3
Daylight Lilac
- 9A955E
≈ Green Lentils
- 66A186
≈ Sea Lettuce
Tetradico +90° +180° +270°
- A385B3
Daylight Lilac
- BA846D
≈ Red Gravel
- 809D6E
≈ Sleepy Hollow
- 5C9DB4
≈ Rushing Rapids
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.19:1 · APCA Lc 59
Ag
AASu nero
WCAG 6.56:1 · APCA Lc 43
Miglior colore del testo: #000000
WCAG 6.56:1 (AA) · APCA Lc 43
Contrast pairs
Frammenti di codice
CSS
:root {
--daylight-lilac: #a385b3;
--daylight-lilac-rgb: 163 133 179;
--daylight-lilac-oklch: oklch(0.661 0.075 313.7);
}
.element {
color: var(--daylight-lilac);
background-color: hsl(279 23% 61%);
border-color: oklch(0.661 0.075 313.7);
}Tailwind CSS v4
@theme {
--color-daylight-lilac: #a385b3;
--color-daylight-lilac-50: #feefff;
--color-daylight-lilac-100: #f2e1f9;
--color-daylight-lilac-200: #e1cbea;
--color-daylight-lilac-300: #c7acd2;
--color-daylight-lilac-400: #ae92be;
--color-daylight-lilac-500: #9877a9;
--color-daylight-lilac-600: #81658f;
--color-daylight-lilac-700: #675173;
--color-daylight-lilac-800: #4b3b55;
--color-daylight-lilac-900: #34283c;
--color-daylight-lilac-950: #1f1625;
}SCSS
$daylight-lilac: #a385b3;
$daylight-lilac-rgb: 163, 133, 179;
$daylight-lilac-light: mix(#fff, $daylight-lilac, 20%);
$daylight-lilac-dark: mix(#000, $daylight-lilac, 20%);
.element {
color: $daylight-lilac;
box-shadow: 0 0 0 2px rgba($daylight-lilac, 0.35);
}