Colore con nome · #BD88AB
Lavender Quartz
Lavender Quartz è #BD88AB: rgb(189 136 171), hsl(320 29% 64%), oklch(0.69 0.08 339.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Pink mean? → · Lavender Quartz color name →
#BD88AB
oklch(0.69 0.08 339.7)
Conversioni di colore
- HEX
- #bd88ab
- RGB
- rgb(189 136 171)
- HSL
- hsl(320 29% 64%)
- HWB
- hwb(320 53% 26%)
- OKLCH
- oklch(0.69 0.08 339.7)
- OKLab
- oklab(0.69 0.075 -0.028)
- CIE Lab
- lab(62.88 24.97 -10.13)
- LCH
- lch(62.88 26.94 337.9)
- CMYK
- cmyk(0% 28% 10% 26%)
Tinte · Ombre · Toni
Tinte
- C494B3
- CB9FBB
- D1ABC4
- D8B7CC
- DFC2D4
- E5CEDD
- ECDAE5
- F2E7EE
- F9F3F6
Ombre
- A47594
- 8C637E
- 745268
- 5D4154
- 473140
- 33222D
- 1F131B
- 0D060B
- 020101
Toni
- B787A7
- B187A2
- AB869E
- A5859A
- 9F8595
- 998491
- 93838D
- 8C8289
- 868184
Armonie di colore
Complementare +180°
- BD88AB
Lavender Quartz
- 6EAB8A
≈ Melon Green
Analogo -30° +30°
- BD88AB
Lavender Quartz
- AA8EC1
≈ East Side
- C78790
≈ King’s Cloak
Triadico +120° +240°
- BD88AB
Lavender Quartz
- A79D62
≈ Acacia Tree
- 5EA7BD
≈ Pottery Blue
Complementare divisa +150° +210°
- BD88AB
Lavender Quartz
- 8BA571
≈ Putrid Green
- 5BABA6
≈ Veranda
Tetradico +90° +180° +270°
- BD88AB
Lavender Quartz
- BB9364
≈ Honey Haven
- 6EAB8A
≈ Melon Green
- 759FCB
≈ Blue Lechery
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.88:1 · APCA Lc 55
Ag
AAASu nero
WCAG 7.27:1 · APCA Lc 47
Miglior colore del testo: #000000
WCAG 7.27:1 (AAA) · APCA Lc 47
Contrast pairs
Frammenti di codice
CSS
:root {
--lavender-quartz: #bd88ab;
--lavender-quartz-rgb: 189 136 171;
--lavender-quartz-oklch: oklch(0.69 0.08 339.7);
}
.element {
color: var(--lavender-quartz);
background-color: hsl(320 29% 64%);
border-color: oklch(0.69 0.08 339.7);
}Tailwind CSS v4
@theme {
--color-lavender-quartz: #bd88ab;
--color-lavender-quartz-50: #ffedfc;
--color-lavender-quartz-100: #fcdeef;
--color-lavender-quartz-200: #edc7de;
--color-lavender-quartz-300: #d5a8c3;
--color-lavender-quartz-400: #bf8cad;
--color-lavender-quartz-500: #aa7197;
--color-lavender-quartz-600: #8f6080;
--color-lavender-quartz-700: #734d66;
--color-lavender-quartz-800: #54384c;
--color-lavender-quartz-900: #3b2635;
--color-lavender-quartz-950: #251420;
}SCSS
$lavender-quartz: #bd88ab;
$lavender-quartz-rgb: 189, 136, 171;
$lavender-quartz-light: mix(#fff, $lavender-quartz, 20%);
$lavender-quartz-dark: mix(#000, $lavender-quartz, 20%);
.element {
color: $lavender-quartz;
box-shadow: 0 0 0 2px rgba($lavender-quartz, 0.35);
}