أقرب لون مسمّى · #FFB3B6
#FFB3B6
أقرب لون مسمّى: Young Salmon
#FFB3B6 (rgb(255 179 182)، hsl(358 100% 85%)، oklch(0.839 0.089 16.5)) أقرب إلى اللون المسمّى Young Salmon. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#FFB3B6
oklch(0.839 0.089 16.5)
تحويلات الألوان
- HEX
- #ffb3b6
- RGB
- rgb(255 179 182)
- HSL
- hsl(358 100% 85%)
- HWB
- hwb(358 70% 0%)
- OKLCH
- oklch(0.839 0.089 16.5)
- OKLab
- oklab(0.839 0.085 0.025)
- CIE Lab
- lab(80.4 28.77 10.19)
- LCH
- lch(80.4 30.52 19.5)
- CMYK
- cmyk(0% 30% 29% 0%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- FFBBBD
- FFC2C4
- FFCACC
- FFD2D3
- FFD9DA
- FFE1E1
- FFE8E9
- FFF0F0
- FFF7F8
درجات داكنة
- DE9B9E
- BE8486
- 9E6E6F
- 805859
- 634344
- 482F30
- 2E1D1D
- 160C0C
- 030102
درجات رمادية
- F2AEB0
- E5A9AB
- D8A4A6
- CC9FA0
- BF9A9B
- B29595
- A68F90
- 998A8B
- 8D8585
تناسق الألوان
متمم +180°
- FFB3B6
Young Salmon
- 7FDDDE
≈ Cold Blue
متجاور -30° +30°
- FFB3B6
Young Salmon
- F6B3D6
≈ Lavender Candy
- FCB999
≈ Pallid Orange
ثلاثي +120° +240°
- FFB3B6
Young Salmon
- B0D89F
≈ Witty Green
- A9CDFF
≈ Night Snow
متمم منقسم +150° +210°
- FFB3B6
Young Salmon
- 90DDBE
≈ Green Jewel
- 89D7F7
≈ Kul Sharif Blue
رباعي +90° +180° +270°
- FFB3B6
Young Salmon
- D1CF8A
≈ Sunken Treasure
- 7FDDDE
≈ Cold Blue
- C5C3FF
≈ Light Periwinkle
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.69:1 · APCA Lc 30
Ag
AAAعلى الأسود
WCAG 12.37:1 · APCA Lc 73
أفضل لون للنص: #000000
WCAG 12.37:1 (AAA) · APCA Lc 73
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--young-salmon: #ffb3b6;
--young-salmon-rgb: 255 179 182;
--young-salmon-oklch: oklch(0.839 0.089 16.5);
}
.element {
color: var(--young-salmon);
background-color: hsl(358 100% 85%);
border-color: oklch(0.839 0.089 16.5);
}Tailwind CSS v4
@theme {
--color-young-salmon: #ffb3b6;
--color-young-salmon-50: #ffeceb;
--color-young-salmon-100: #ffdddc;
--color-young-salmon-200: #f8c6c6;
--color-young-salmon-300: #e1a6a6;
--color-young-salmon-400: #ce898c;
--color-young-salmon-500: #ba6d71;
--color-young-salmon-600: #9d5c60;
--color-young-salmon-700: #7e4a4d;
--color-young-salmon-800: #5d3539;
--color-young-salmon-900: #412427;
--color-young-salmon-950: #2a1315;
}SCSS
$young-salmon: #ffb3b6;
$young-salmon-rgb: 255, 179, 182;
$young-salmon-light: mix(#fff, $young-salmon, 20%);
$young-salmon-dark: mix(#000, $young-salmon, 20%);
.element {
color: $young-salmon;
box-shadow: 0 0 0 2px rgba($young-salmon, 0.35);
}