أقرب لون مسمّى · #D9CBCE
#D9CBCE
أقرب لون مسمّى: Secret Blush
#D9CBCE (rgb(217 203 206)، hsl(347 16% 82%)، oklch(0.854 0.016 2.7)) أقرب إلى اللون المسمّى Secret Blush. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#D9CBCE
oklch(0.854 0.016 2.7)
تحويلات الألوان
- HEX
- #d9cbce
- RGB
- rgb(217 203 206)
- HSL
- hsl(347 16% 82%)
- HWB
- hwb(347 80% 15%)
- OKLCH
- oklch(0.854 0.016 2.7)
- OKLab
- oklab(0.854 0.016 0.001)
- CIE Lab
- lab(82.91 5.42 0.35)
- LCH
- lch(82.91 5.43 3.7)
- CMYK
- cmyk(0% 6% 5% 15%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- DDD0D3
- E1D5D8
- E4DADC
- E8E0E1
- ECE5E6
- F0EAEB
- F4EFF0
- F7F4F5
- FBFAFA
درجات داكنة
- BCB0B3
- A19698
- 867D7F
- 6C6566
- 534D4E
- 3B3738
- 252223
- 110F0F
- 020202
درجات رمادية
- D0C3C6
- C7BCBE
- BDB4B6
- B4ACAE
- ABA5A6
- A39D9E
- 9A9697
- 918E8F
- 898787
تناسق الألوان
متمم +180°
- D9CBCE
Secret Blush
- C4D3D0
≈ Winter Garden
متجاور -30° +30°
- D9CBCE
Secret Blush
- D6CBD4
≈ Purple Cream
- D9CCC8
≈ Nut Milk
ثلاثي +120° +240°
- D9CBCE
Secret Blush
- CDD1C6
≈ Washed Green
- C7D1D9
≈ Memory Lane
متمم منقسم +150° +210°
- D9CBCE
Secret Blush
- C8D2CA
≈ Blue Flower
- C4D2D5
≈ Sunday Sky
رباعي +90° +180° +270°
- D9CBCE
Secret Blush
- D3CFC4
≈ Silver Birch
- C4D3D0
≈ Winter Garden
- CBCFDA
≈ Pale Shale
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.56:1 · APCA Lc 26
Ag
AAAعلى الأسود
WCAG 13.38:1 · APCA Lc 77
أفضل لون للنص: #000000
WCAG 13.38:1 (AAA) · APCA Lc 77
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--secret-blush: #d9cbce;
--secret-blush-rgb: 217 203 206;
--secret-blush-oklch: oklch(0.854 0.016 2.7);
}
.element {
color: var(--secret-blush);
background-color: hsl(347 16% 82%);
border-color: oklch(0.854 0.016 2.7);
}Tailwind CSS v4
@theme {
--color-secret-blush: #d9cbce;
--color-secret-blush-50: #f9f3f4;
--color-secret-blush-100: #ede6e7;
--color-secret-blush-200: #dbd1d3;
--color-secret-blush-300: #bfb4b6;
--color-secret-blush-400: #a79b9d;
--color-secret-blush-500: #908285;
--color-secret-blush-600: #7a6e71;
--color-secret-blush-700: #62585a;
--color-secret-blush-800: #474042;
--color-secret-blush-900: #312c2d;
--color-secret-blush-950: #1d191a;
}SCSS
$secret-blush: #d9cbce;
$secret-blush-rgb: 217, 203, 206;
$secret-blush-light: mix(#fff, $secret-blush, 20%);
$secret-blush-dark: mix(#000, $secret-blush, 20%);
.element {
color: $secret-blush;
box-shadow: 0 0 0 2px rgba($secret-blush, 0.35);
}