#F558EC#F558EC

#F558EC لون فاتح وعالي التشبّع من عائلة purple. الإضاءة النسبية 0.324؛ OKLCH L 72.0% C 0.249 H 330.2°. أفضل لون لنص المتن هو #000000 بتباين 7.49:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#F558EC
RGBrgb(245, 88, 236)
HSLhsl(303, 89%, 65%)
HSVhsv(303, 64%, 96%)
CMYKcmyk(0%, 64.1%, 3.7%, 3.9%)
CIE-LABlab(63.71, 76.28, -45.00)
CIE-LCHlch(63.71, 88.56, 329.47°)
OKLaboklab(71.96% 0.2161 -0.1238)
OKLCHoklch(71.96% 0.249 330.2)
XYZxyz(56.2859, 32.4521, 82.6400)
Luminance0.3245 (WCAG relative)
Temperatureneutral
Familypurple

أقرب الألوان المُسمّاة

المقاييس الإدراكية

الدرجات الغامقة

الدرجات الفاتحة

التدريجات

OKLCH scale

تناغمات الألوان

complementary
#F558EC #58F561
analogous
#AF58F5 #F558EC #F5589E
triadic
#F558EC #ECF558 #58ECF5
tetradic
#F558EC #F5AF58 #58F561 #589EF5
square
#F558EC #F5AF58 #58F561 #589EF5
split-complementary
#F558EC #9EF558 #58F5AF
monochromatic
#C70CBC #F21EE5 #F558EC #F892F3 #FCCBF9

إمكانية الوصول والتباين

On white

2.80
#F558EC on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

7.49
#F558EC on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

#000000 on #F558EC
7.49:1 — WCAG AA (نص عادي) مطابق

مصفوفة التباين

fg \ bg##F558EC#FFFFFF#000000##000000
##F558EC1.002.807.497.49
#FFFFFF2.801.0021.0021.00
#0000007.4921.001.001.00
##0000007.4921.001.001.00

معاينة عمى الألوان

Protanopia (red-blind)
#4B8DF0
Deuteranopia (green-blind)
#83A2E8
Tritanopia (blue-blind)
#FE6A9B
Achromatopsia (no color)
#9A9A9A

وسوم التصميم والكود

CSS
--color: #f558ec;
/* rgb */ color: rgb(245, 88, 236);
/* oklch */ color: oklch(72.0% 0.249 330.2);
Tailwind
colors: {
  custom: {
    50: '#fc92f2',
    500: '#f558ec',
    950: '#000000',
  },
}
SCSS
$custom: #f558ec;
$custom-light: #fc92f2;
$custom-dark: #000000;
JSON
{
  "hex": "#f558ec",
  "rgb": {
    "r": 245,
    "g": 88,
    "b": 236
  },
  "hsl": {
    "h": 303.439,
    "s": 88.701,
    "l": 65.294
  },
  "oklch": {
    "l": 0.71963,
    "c": 0.24903,
    "h": 330.2
  },
  "luminance": 0.32448
}

Semantic roles & 50–950 ramp

primary
#F558EC
secondary
#BAEFBD
accent
#E50D00
background
#FFF9FE
surface
#FFF2FD
border
#D7CCD5
text
#180E17
muted
#867E85

مختبر المعاينة

معاينة مع #F558EC

Body copy rendered with the generated semantic roles for this colour.

مختبر المعاينة → · فاحص التباين → · مولّد اللوحات →

#F558EC — Tintiva