أقرب لون مسمّى · #DB9690
#DB9690
أقرب لون مسمّى: Powder Blush
#DB9690 (rgb(219 150 144)، hsl(5 51% 71%)، oklch(0.739 0.084 24.8)) أقرب إلى اللون المسمّى Powder Blush. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#DB9690
oklch(0.739 0.084 24.8)
تحويلات الألوان
- HEX
- #db9690
- RGB
- rgb(219 150 144)
- HSL
- hsl(5 51% 71%)
- HWB
- hwb(5 56% 14%)
- OKLCH
- oklch(0.739 0.084 24.8)
- OKLab
- oklab(0.739 0.077 0.035)
- CIE Lab
- lab(68.98 26.15 14.25)
- LCH
- lch(68.98 29.79 28.6)
- CMYK
- cmyk(0% 32% 34% 14%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- DFA09B
- E3ABA5
- E7B5B0
- EBC0BB
- EFCAC6
- F2D5D2
- F6DFDD
- F9EAE8
- FCF4F4
درجات داكنة
- BE827D
- A26E6A
- 875B57
- 6D4945
- 543734
- 3C2624
- 261615
- 110807
- 020101
درجات رمادية
- D2948E
- C9928D
- C0908B
- B78E8A
- AE8C88
- A58987
- 9C8785
- 938583
- 898282
تناسق الألوان
متمم +180°
- DB9690
Powder Blush
- 64BAC4
≈ Azul Turquesa
متجاور -30° +30°
- DB9690
Powder Blush
- D695AD
≈ Foxy Pink
- D59D77
≈ Darling Clementine
ثلاثي +120° +240°
- DB9690
Powder Blush
- 89B98A
≈ Oilcloth Green
- 90AAE1
≈ Queer Blue
متمم منقسم +150° +210°
- DB9690
Powder Blush
- 6EBCA7
≈ Larchmere
- 74B4D8
≈ Meadow Blossom Blue
رباعي +90° +180° +270°
- DB9690
Powder Blush
- A9B173
≈ Timothy Grass
- 64BAC4
≈ Azul Turquesa
- AEA0DB
≈ Violet Velvet
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.39:1 · APCA Lc 47
Ag
AAAعلى الأسود
WCAG 8.77:1 · APCA Lc 55
أفضل لون للنص: #000000
WCAG 8.77:1 (AAA) · APCA Lc 55
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--powder-blush: #db9690;
--powder-blush-rgb: 219 150 144;
--powder-blush-oklch: oklch(0.739 0.084 24.8);
}
.element {
color: var(--powder-blush);
background-color: hsl(5 51% 71%);
border-color: oklch(0.739 0.084 24.8);
}Tailwind CSS v4
@theme {
--color-powder-blush: #db9690;
--color-powder-blush-50: #ffede8;
--color-powder-blush-100: #ffded9;
--color-powder-blush-200: #f7c7c1;
--color-powder-blush-300: #e0a7a0;
--color-powder-blush-400: #cc8b85;
--color-powder-blush-500: #b86f6a;
--color-powder-blush-600: #9b5f5a;
--color-powder-blush-700: #7c4b48;
--color-powder-blush-800: #5c3635;
--color-powder-blush-900: #412524;
--color-powder-blush-950: #291413;
}SCSS
$powder-blush: #db9690;
$powder-blush-rgb: 219, 150, 144;
$powder-blush-light: mix(#fff, $powder-blush, 20%);
$powder-blush-dark: mix(#000, $powder-blush, 20%);
.element {
color: $powder-blush;
box-shadow: 0 0 0 2px rgba($powder-blush, 0.35);
}