Colore con nome · #D2BFC4
Pink Linen
Pink Linen è #D2BFC4: rgb(210 191 196), hsl(344 17% 79%), oklch(0.822 0.022 359.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Pink Linen color name →
#D2BFC4
oklch(0.822 0.022 359.8)
Conversioni di colore
- HEX
- #d2bfc4
- RGB
- rgb(210 191 196)
- HSL
- hsl(344 17% 79%)
- HWB
- hwb(344 75% 18%)
- OKLCH
- oklch(0.822 0.022 359.8)
- OKLab
- oklab(0.822 0.022 0)
- CIE Lab
- lab(79.06 7.57 0.04)
- LCH
- lch(79.06 7.57 0.3)
- CMYK
- cmyk(0% 9% 7% 18%)
Tinte · Ombre · Toni
Tinte
- D6C5CA
- DBCCD0
- DFD2D5
- E4D8DB
- E8DFE1
- EDE5E7
- F1EBED
- F6F2F3
- FAF8F9
Ombre
- B6A6AA
- 9B8D91
- 817578
- 685E61
- 50484A
- 393335
- 241F21
- 100D0E
- 020202
Toni
- CAB9BD
- C1B2B6
- B9ACAF
- B0A5A8
- A89FA1
- A0999B
- 989294
- 908C8D
- 888687
Armonie di colore
Complementare +180°
- D2BFC4
Pink Linen
- B6CAC5
≈ Sea Sprite
Analogo -30° +30°
- D2BFC4
Pink Linen
- CEC0CC
≈ So Dainty
- D3C0BC
≈ Salmon Smoke
Triadico +120° +240°
- D2BFC4
Pink Linen
- C3C7B7
≈ Spring Grey
- B8C7D2
≈ Winter Blizzard
Complementare divisa +150° +210°
- D2BFC4
Pink Linen
- BBC9BD
≈ Tropical Cyclone
- B5C9CD
≈ Adorbs
Tetradico +90° +180° +270°
- D2BFC4
Pink Linen
- CAC4B5
≈ Secluded Beach
- B6CAC5
≈ Sea Sprite
- BFC4D4
≈ Blue Bayou
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.75:1 · APCA Lc 32
Ag
AAASu nero
WCAG 11.98:1 · APCA Lc 71
Miglior colore del testo: #000000
WCAG 11.98:1 (AAA) · APCA Lc 71
Contrast pairs
Frammenti di codice
CSS
:root {
--pink-linen: #d2bfc4;
--pink-linen-rgb: 210 191 196;
--pink-linen-oklch: oklch(0.822 0.022 359.8);
}
.element {
color: var(--pink-linen);
background-color: hsl(344 17% 79%);
border-color: oklch(0.822 0.022 359.8);
}Tailwind CSS v4
@theme {
--color-pink-linen: #d2bfc4;
--color-pink-linen-50: #fbf3f4;
--color-pink-linen-100: #efe5e7;
--color-pink-linen-200: #ddd0d3;
--color-pink-linen-300: #c2b3b6;
--color-pink-linen-400: #aa999e;
--color-pink-linen-500: #948085;
--color-pink-linen-600: #7d6d71;
--color-pink-linen-700: #64575a;
--color-pink-linen-800: #493f42;
--color-pink-linen-900: #332c2e;
--color-pink-linen-950: #1e191b;
}SCSS
$pink-linen: #d2bfc4;
$pink-linen-rgb: 210, 191, 196;
$pink-linen-light: mix(#fff, $pink-linen, 20%);
$pink-linen-dark: mix(#000, $pink-linen, 20%);
.element {
color: $pink-linen;
box-shadow: 0 0 0 2px rgba($pink-linen, 0.35);
}