لون مسمّى · #D2BFC4
Pink Linen
Pink Linen هو #D2BFC4: rgb(210 191 196)، hsl(344 17% 79%)، oklch(0.822 0.022 359.8). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Gray mean? → · Pink Linen color name →
#D2BFC4
oklch(0.822 0.022 359.8)
تحويلات الألوان
- 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%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- D6C5CA
- DBCCD0
- DFD2D5
- E4D8DB
- E8DFE1
- EDE5E7
- F1EBED
- F6F2F3
- FAF8F9
درجات داكنة
- B6A6AA
- 9B8D91
- 817578
- 685E61
- 50484A
- 393335
- 241F21
- 100D0E
- 020202
درجات رمادية
- CAB9BD
- C1B2B6
- B9ACAF
- B0A5A8
- A89FA1
- A0999B
- 989294
- 908C8D
- 888687
تناسق الألوان
متمم +180°
- D2BFC4
Pink Linen
- B6CAC5
≈ Sea Sprite
متجاور -30° +30°
- D2BFC4
Pink Linen
- CEC0CC
≈ So Dainty
- D3C0BC
≈ Salmon Smoke
ثلاثي +120° +240°
- D2BFC4
Pink Linen
- C3C7B7
≈ Spring Grey
- B8C7D2
≈ Winter Blizzard
متمم منقسم +150° +210°
- D2BFC4
Pink Linen
- BBC9BD
≈ Tropical Cyclone
- B5C9CD
≈ Adorbs
رباعي +90° +180° +270°
- D2BFC4
Pink Linen
- CAC4B5
≈ Secluded Beach
- B6CAC5
≈ Sea Sprite
- BFC4D4
≈ Blue Bayou
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.75:1 · APCA Lc 32
Ag
AAAعلى الأسود
WCAG 11.98:1 · APCA Lc 71
أفضل لون للنص: #000000
WCAG 11.98:1 (AAA) · APCA Lc 71
Contrast pairs
مقتطفات الأكواد
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);
}