أقرب لون مسمّى · #F46E92
#F46E92
أقرب لون مسمّى: Embarrassed
#F46E92 (rgb(244 110 146)، hsl(344 86% 69%)، oklch(0.709 0.167 5.5)) أقرب إلى اللون المسمّى Embarrassed. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#F46E92
oklch(0.709 0.167 5.5)
تحويلات الألوان
- HEX
- #f46e92
- RGB
- rgb(244 110 146)
- HSL
- hsl(344 86% 69%)
- HWB
- hwb(344 43% 4%)
- OKLCH
- oklch(0.709 0.167 5.5)
- OKLab
- oklab(0.709 0.167 0.016)
- CIE Lab
- lab(64.2 54.84 7.06)
- LCH
- lch(64.2 55.29 7.3)
- CMYK
- cmyk(0% 55% 40% 4%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- F77E9C
- FA8DA7
- FC9CB2
- FEAABC
- FFB9C7
- FFC7D2
- FFD5DD
- FFE3E8
- FFF1F4
درجات داكنة
- D45F7E
- B5506B
- 974158
- 7A3346
- 5E2635
- 441925
- 2B0E16
- 140408
- 030101
درجات رمادية
- E97190
- DE748E
- D3778D
- C8798B
- BC7B89
- B17C87
- A57E85
- 997F84
- 8D7F82
تناسق الألوان
متمم +180°
- F46E92
Embarrassed
- 00BAAC
≈ Verditer
متجاور -30° +30°
- F46E92
Embarrassed
- DF74C9
≈ Explicit Pink
- F77553
≈ Adventure Island Pink
ثلاثي +120° +240°
- F46E92
Embarrassed
- 88B224
≈ Brilliant Green
- 30A8FF
≈ Xed
متمم منقسم +150° +210°
- F46E92
Embarrassed
- 1CBF72
≈ Times Square Screens
- 00B4D2
≈ Aquarius
رباعي +90° +180° +270°
- F46E92
Embarrassed
- BD9F00
≈ Snakebite Leather
- 00BAAC
≈ Verditer
- 8797FF
≈ Periwinkle Blue
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.80:1 · APCA Lc 53
Ag
AAAعلى الأسود
WCAG 7.49:1 · APCA Lc 49
أفضل لون للنص: #000000
WCAG 7.49:1 (AAA) · APCA Lc 49
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--embarrassed: #f46e92;
--embarrassed-rgb: 244 110 146;
--embarrassed-oklch: oklch(0.709 0.167 5.5);
}
.element {
color: var(--embarrassed);
background-color: hsl(344 86% 69%);
border-color: oklch(0.709 0.167 5.5);
}Tailwind CSS v4
@theme {
--color-embarrassed: #f46e92;
--color-embarrassed-50: #ffe2ec;
--color-embarrassed-100: #ffd1de;
--color-embarrassed-200: #ffb6c7;
--color-embarrassed-300: #ff91a8;
--color-embarrassed-400: #ed6f90;
--color-embarrassed-500: #db4976;
--color-embarrassed-600: #b93f64;
--color-embarrassed-700: #953250;
--color-embarrassed-800: #6f233c;
--color-embarrassed-900: #4e1829;
--color-embarrassed-950: #330717;
}SCSS
$embarrassed: #f46e92;
$embarrassed-rgb: 244, 110, 146;
$embarrassed-light: mix(#fff, $embarrassed, 20%);
$embarrassed-dark: mix(#000, $embarrassed, 20%);
.element {
color: $embarrassed;
box-shadow: 0 0 0 2px rgba($embarrassed, 0.35);
}