أقرب لون مسمّى · #78AEFF
#78AEFF
أقرب لون مسمّى: Fennel Flower
#78AEFF (rgb(120 174 255)، hsl(216 100% 74%)، oklch(0.747 0.131 258.3)) أقرب إلى اللون المسمّى Fennel Flower. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#78AEFF
oklch(0.747 0.131 258.3)
تحويلات الألوان
- HEX
- #78aeff
- RGB
- rgb(120 174 255)
- HSL
- hsl(216 100% 74%)
- HWB
- hwb(216 47% 0%)
- OKLCH
- oklch(0.747 0.131 258.3)
- OKLab
- oklab(0.747 -0.027 -0.128)
- CIE Lab
- lab(69.88 -1.06 -46.33)
- LCH
- lch(69.88 46.34 268.7)
- CMYK
- cmyk(53% 32% 0% 0%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 86B6FF
- 93BFFF
- A0C7FF
- AECFFF
- BBD7FF
- C9DFFF
- D6E7FF
- E4EFFF
- F1F7FF
درجات داكنة
- 6797DE
- 5780BE
- 486A9E
- 395580
- 2A4163
- 1D2E48
- 101C2E
- 050B16
- 010103
درجات رمادية
- 79AAF2
- 7BA5E5
- 7CA1D8
- 7D9CCC
- 7E98BF
- 7E93B2
- 7F8EA6
- 7F8A99
- 80858D
تناسق الألوان
متمم +180°
- 78AEFF
Fennel Flower
- DAA23E
≈ Courgette Yellow
متجاور -30° +30°
- 78AEFF
Fennel Flower
- 38BCEE
≈ Blue Bikini
- AA9FFB
≈ Shy Moment
ثلاثي +120° +240°
- 78AEFF
Fennel Flower
- F4898D
≈ Vinaceous Cinnamon
- 82C06D
≈ Hillside Grove
متمم منقسم +150° +210°
- 78AEFF
Fennel Flower
- EF925F
≈ Orange Slice
- B5B345
≈ Green Oasis
رباعي +90° +180° +270°
- 78AEFF
Fennel Flower
- E989BB
≈ Tempting Pink
- DAA23E
≈ Courgette Yellow
- 41C79D
≈ Jadeite
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.25:1 · APCA Lc 44
Ag
AAAعلى الأسود
WCAG 9.29:1 · APCA Lc 58
أفضل لون للنص: #000000
WCAG 9.29:1 (AAA) · APCA Lc 58
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--fennel-flower: #78aeff;
--fennel-flower-rgb: 120 174 255;
--fennel-flower-oklch: oklch(0.747 0.131 258.3);
}
.element {
color: var(--fennel-flower);
background-color: hsl(216 100% 74%);
border-color: oklch(0.747 0.131 258.3);
}Tailwind CSS v4
@theme {
--color-fennel-flower: #78aeff;
--color-fennel-flower-50: #e0f7ff;
--color-fennel-flower-100: #cfe9ff;
--color-fennel-flower-200: #b4d6ff;
--color-fennel-flower-300: #90b8fb;
--color-fennel-flower-400: #6d9feb;
--color-fennel-flower-500: #4c85db;
--color-fennel-flower-600: #4171b9;
--color-fennel-flower-700: #345b95;
--color-fennel-flower-800: #22436f;
--color-fennel-flower-900: #162e4e;
--color-fennel-flower-950: #071a34;
}SCSS
$fennel-flower: #78aeff;
$fennel-flower-rgb: 120, 174, 255;
$fennel-flower-light: mix(#fff, $fennel-flower, 20%);
$fennel-flower-dark: mix(#000, $fennel-flower, 20%);
.element {
color: $fennel-flower;
box-shadow: 0 0 0 2px rgba($fennel-flower, 0.35);
}