أقرب لون مسمّى · #FA8998
#FA8998
أقرب لون مسمّى: Xoxo
#FA8998 (rgb(250 137 152)، hsl(352 92% 76%)، oklch(0.757 0.138 12.5)) أقرب إلى اللون المسمّى Xoxo. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#FA8998
oklch(0.757 0.138 12.5)
تحويلات الألوان
- HEX
- #fa8998
- RGB
- rgb(250 137 152)
- HSL
- hsl(352 92% 76%)
- HWB
- hwb(352 54% 2%)
- OKLCH
- oklch(0.757 0.138 12.5)
- OKLab
- oklab(0.757 0.134 0.03)
- CIE Lab
- lab(70.25 44.92 12.29)
- LCH
- lch(70.25 46.57 15.3)
- CMYK
- cmyk(0% 45% 39% 2%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- FC95A2
- FEA2AC
- FFADB6
- FFB9C0
- FFC5CA
- FFD1D5
- FFDCDF
- FFE8EA
- FFF3F4
درجات داكنة
- D97684
- BA6470
- 9B535C
- 7D424A
- 613138
- 462227
- 2D1417
- 150708
- 030101
درجات رمادية
- EE8996
- E28993
- D68891
- CA878E
- BE878C
- B2868A
- A68487
- 998385
- 8D8282
تناسق الألوان
متمم +180°
- FA8998
Xoxo
- 00C9C6
≈ Tilla Kari Mosque
متجاور -30° +30°
ثلاثي +120° +240°
متمم منقسم +150° +210°
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.30:1 · APCA Lc 45
Ag
AAAعلى الأسود
WCAG 9.09:1 · APCA Lc 57
أفضل لون للنص: #000000
WCAG 9.09:1 (AAA) · APCA Lc 57
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--xoxo: #fa8998;
--xoxo-rgb: 250 137 152;
--xoxo-oklch: oklch(0.757 0.138 12.5);
}
.element {
color: var(--xoxo);
background-color: hsl(352 92% 76%);
border-color: oklch(0.757 0.138 12.5);
}Tailwind CSS v4
@theme {
--color-xoxo: #fa8998;
--color-xoxo-50: #ffe6e9;
--color-xoxo-100: #ffd6da;
--color-xoxo-200: #ffbdc2;
--color-xoxo-300: #f59aa1;
--color-xoxo-400: #e37a88;
--color-xoxo-500: #d0596d;
--color-xoxo-600: #b04c5c;
--color-xoxo-700: #8d3d4a;
--color-xoxo-800: #692b37;
--color-xoxo-900: #4a1d26;
--color-xoxo-950: #300d14;
}SCSS
$xoxo: #fa8998;
$xoxo-rgb: 250, 137, 152;
$xoxo-light: mix(#fff, $xoxo, 20%);
$xoxo-dark: mix(#000, $xoxo, 20%);
.element {
color: $xoxo;
box-shadow: 0 0 0 2px rgba($xoxo, 0.35);
}