أقرب لون مسمّى · #FD9590
#FD9590
أقرب لون مسمّى: Vinaceous
#FD9590 (rgb(253 149 144)، hsl(3 96% 78%)، oklch(0.778 0.126 23.3)) أقرب إلى اللون المسمّى Vinaceous. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#FD9590
oklch(0.778 0.126 23.3)
تحويلات الألوان
- HEX
- #fd9590
- RGB
- rgb(253 149 144)
- HSL
- hsl(3 96% 78%)
- HWB
- hwb(3 56% 1%)
- OKLCH
- oklch(0.778 0.126 23.3)
- OKLab
- oklab(0.778 0.116 0.05)
- CIE Lab
- lab(72.95 39.61 20.48)
- LCH
- lch(72.95 44.6 27.3)
- CMYK
- cmyk(0% 41% 43% 1%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- FEA09B
- FFABA6
- FFB6B1
- FFC0BC
- FFCBC7
- FFD5D2
- FFE0DD
- FFEAE8
- FFF5F4
درجات داكنة
- DC817D
- BC6D6A
- 9D5A57
- 7F4845
- 623734
- 472624
- 2D1615
- 160807
- 030101
درجات رمادية
- F1938F
- E4928D
- D8908C
- CC8E8A
- BF8C88
- B38A87
- A68885
- 9A8584
- 8D8382
تناسق الألوان
متمم +180°
- FD9590
Vinaceous
- 28CEDB
≈ Jade Glass
متجاور -30° +30°
- FD9590
Vinaceous
- F594BD
≈ Pastel Magenta
- F59F66
≈ Brushed Orange
ثلاثي +120° +240°
- FD9590
Vinaceous
- 84CB81
≈ De York
- 91B6FF
≈ Carolina Blue
متمم منقسم +150° +210°
- FD9590
Vinaceous
- 4AD1AF
≈ Simply Aqua
- 56C4FA
≈ Blue Mana
رباعي +90° +180° +270°
- FD9590
Vinaceous
- B7BF5A
≈ Sativa
- 28CEDB
≈ Jade Glass
- BAA7FF
≈ Winterspring Lilac
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.12:1 · APCA Lc 41
Ag
AAAعلى الأسود
WCAG 9.87:1 · APCA Lc 61
أفضل لون للنص: #000000
WCAG 9.87:1 (AAA) · APCA Lc 61
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--vinaceous: #fd9590;
--vinaceous-rgb: 253 149 144;
--vinaceous-oklch: oklch(0.778 0.126 23.3);
}
.element {
color: var(--vinaceous);
background-color: hsl(3 96% 78%);
border-color: oklch(0.778 0.126 23.3);
}Tailwind CSS v4
@theme {
--color-vinaceous: #fd9590;
--color-vinaceous-50: #ffe8e3;
--color-vinaceous-100: #ffd8d3;
--color-vinaceous-200: #ffc0b9;
--color-vinaceous-300: #f19e96;
--color-vinaceous-400: #df7f7b;
--color-vinaceous-500: #cc605d;
--color-vinaceous-600: #ad524f;
--color-vinaceous-700: #8b413f;
--color-vinaceous-800: #672e2f;
--color-vinaceous-900: #491f20;
--color-vinaceous-950: #2f0f0f;
}SCSS
$vinaceous: #fd9590;
$vinaceous-rgb: 253, 149, 144;
$vinaceous-light: mix(#fff, $vinaceous, 20%);
$vinaceous-dark: mix(#000, $vinaceous, 20%);
.element {
color: $vinaceous;
box-shadow: 0 0 0 2px rgba($vinaceous, 0.35);
}