أقرب لون مسمّى · #F98B79
#F98B79
أقرب لون مسمّى: Kissable
#F98B79 (rgb(249 139 121)، hsl(8 91% 73%)، oklch(0.752 0.137 30.4)) أقرب إلى اللون المسمّى Kissable. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#F98B79
oklch(0.752 0.137 30.4)
تحويلات الألوان
- HEX
- #f98b79
- RGB
- rgb(249 139 121)
- HSL
- hsl(8 91% 73%)
- HWB
- hwb(8 47% 2%)
- OKLCH
- oklch(0.752 0.137 30.4)
- OKLab
- oklab(0.752 0.118 0.069)
- CIE Lab
- lab(70 41.42 29.05)
- LCH
- lch(70 50.59 35)
- CMYK
- cmyk(0% 44% 51% 2%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- FB9786
- FDA394
- FEAFA1
- FFBBAE
- FFC6BB
- FFD2C9
- FFDDD6
- FFE8E4
- FFF4F1
درجات داكنة
- D97868
- B96658
- 9A5448
- 7D4339
- 61322B
- 46231D
- 2C1410
- 150705
- 030101
درجات رمادية
- ED8B7A
- E18A7B
- D5897C
- CA897D
- BE887E
- B2867E
- A5857F
- 99837F
- 8D8280
تناسق الألوان
متمم +180°
- F98B79
Kissable
- 00C4DC
≈ Caribbean Blue
متجاور -30° +30°
- F98B79
Kissable
- F487AA
≈ Brown Knapweed
- ED984B
≈ Autumn Orange
ثلاثي +120° +240°
- F98B79
Kissable
- 67C780
≈ Soft Green
- 90AAFF
≈ Widowmaker
متمم منقسم +150° +210°
- F98B79
Kissable
- 00CAB2
≈ Pristine Oceanic
- 4FB9FC
≈ Glitter Lake
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.33:1 · APCA Lc 46
Ag
AAAعلى الأسود
WCAG 8.99:1 · APCA Lc 56
أفضل لون للنص: #000000
WCAG 8.99:1 (AAA) · APCA Lc 56
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--kissable: #f98b79;
--kissable-rgb: 249 139 121;
--kissable-oklch: oklch(0.752 0.137 30.4);
}
.element {
color: var(--kissable);
background-color: hsl(8 91% 73%);
border-color: oklch(0.752 0.137 30.4);
}Tailwind CSS v4
@theme {
--color-kissable: #f98b79;
--color-kissable-50: #ffe8dd;
--color-kissable-100: #ffd8cb;
--color-kissable-200: #ffbfaf;
--color-kissable-300: #f59d8b;
--color-kissable-400: #e47d6c;
--color-kissable-500: #d15d4c;
--color-kissable-600: #b14f41;
--color-kissable-700: #8e3f33;
--color-kissable-800: #6a2d26;
--color-kissable-900: #4b1e19;
--color-kissable-950: #310e0a;
}SCSS
$kissable: #f98b79;
$kissable-rgb: 249, 139, 121;
$kissable-light: mix(#fff, $kissable, 20%);
$kissable-dark: mix(#000, $kissable, 20%);
.element {
color: $kissable;
box-shadow: 0 0 0 2px rgba($kissable, 0.35);
}