Colore con nome · #D0ADD3
Plink
Plink è #D0ADD3: rgb(208 173 211), hsl(295 30% 75%), oklch(0.79 0.065 323.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Purple mean? → · Plink color name →
#D0ADD3
oklch(0.79 0.065 323.6)
Conversioni di colore
- HEX
- #d0add3
- RGB
- rgb(208 173 211)
- HSL
- hsl(295 30% 75%)
- HWB
- hwb(295 68% 17%)
- OKLCH
- oklch(0.79 0.065 323.6)
- OKLab
- oklab(0.79 0.053 -0.039)
- CIE Lab
- lab(74.79 18.04 -14.34)
- LCH
- lch(74.79 23.04 321.5)
- CMYK
- cmyk(1% 18% 0% 17%)
Tinte · Ombre · Toni
Tinte
- D5B5D7
- DABDDC
- DEC5E0
- E3CDE5
- E8D6E9
- ECDEED
- F1E6F2
- F6EEF6
- FAF7FB
Ombre
- B596B7
- 9A7F9C
- 806A82
- 675569
- 4F4151
- 392D3A
- 231B24
- 100B10
- 020102
Toni
- C8A8CA
- C0A4C2
- B79FB9
- AF9BB1
- A796A9
- 9F92A0
- 978D98
- 908990
- 888488
Armonie di colore
Complementare +180°
- D0ADD3
Plink
- A2C6A0
≈ French Market
Analogo -30° +30°
- D0ADD3
Plink
- BCB3E1
≈ Beloved
- DDAABE
≈ Apple Infusion
Triadico +120° +240°
Complementare divisa +150° +210°
- D0ADD3
Plink
- BAC090
≈ Jitterbug
- 8FC9B7
≈ Tranquil Teal
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.98:1 · APCA Lc 38
Ag
AAASu nero
WCAG 10.60:1 · APCA Lc 64
Miglior colore del testo: #000000
WCAG 10.60:1 (AAA) · APCA Lc 64
Contrast pairs
Frammenti di codice
CSS
:root {
--plink: #d0add3;
--plink-rgb: 208 173 211;
--plink-oklch: oklch(0.79 0.065 323.6);
}
.element {
color: var(--plink);
background-color: hsl(295 30% 75%);
border-color: oklch(0.79 0.065 323.6);
}Tailwind CSS v4
@theme {
--color-plink: #d0add3;
--color-plink-50: #ffefff;
--color-plink-100: #f4e1f4;
--color-plink-200: #e3cbe4;
--color-plink-300: #c9acca;
--color-plink-400: #b292b5;
--color-plink-500: #9c789f;
--color-plink-600: #846586;
--color-plink-700: #6a516c;
--color-plink-800: #4d3b50;
--color-plink-900: #362838;
--color-plink-950: #211622;
}SCSS
$plink: #d0add3;
$plink-rgb: 208, 173, 211;
$plink-light: mix(#fff, $plink, 20%);
$plink-dark: mix(#000, $plink, 20%);
.element {
color: $plink;
box-shadow: 0 0 0 2px rgba($plink, 0.35);
}