#F558DD#F558DD

#F558DD لون فاتح وعالي التشبّع من عائلة purple. الإضاءة النسبية 0.316؛ OKLCH L 71.2% C 0.238 H 334.4°. أفضل لون لنص المتن هو #000000 بتباين 7.32:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#F558DD
RGBrgb(245, 88, 221)
HSLhsl(309, 89%, 65%)
HSVhsv(309, 64%, 96%)
CMYKcmyk(0%, 64.1%, 9.8%, 3.9%)
CIE-LABlab(63.02, 74.00, -37.70)
CIE-LCHlch(63.02, 83.05, 333.00°)
OKLaboklab(71.24% 0.2147 -0.1029)
OKLCHoklch(71.24% 0.238 334.4)
XYZxyz(54.1975, 31.6168, 71.6408)
Luminance0.3161 (WCAG relative)
Temperatureneutral
Familypurple

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#F558DD #58F570
analogous
#BE58F5 #F558DD #F5588E
triadic
#F558DD #DDF558 #58DDF5
tetradic
#F558DD #F5BE58 #58F570 #588EF5
square
#F558DD #F5BE58 #58F570 #588EF5
split-complementary
#F558DD #8EF558 #58F5BE
monochromatic
#C70CAA #F21ED1 #F558DD #F892E9 #FCCBF5

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

On white

2.87
#F558DD on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

7.32
#F558DD on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

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

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

fg \ bg##F558DD#FFFFFF#000000##000000
##F558DD1.002.877.327.32
#FFFFFF2.871.0021.0021.00
#0000007.3221.001.001.00
##0000007.3221.001.001.00

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

Protanopia (red-blind)
#568AE1
Deuteranopia (green-blind)
#8AA1D9
Tritanopia (blue-blind)
#FF6393
Achromatopsia (no color)
#989898

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

CSS
--color: #f558dd;
/* rgb */ color: rgb(245, 88, 221);
/* oklch */ color: oklch(71.2% 0.238 334.4);
Tailwind
colors: {
  custom: {
    50: '#fc91e8',
    500: '#f558dd',
    950: '#000000',
  },
}
SCSS
$custom: #f558dd;
$custom-light: #fc91e8;
$custom-dark: #000000;
JSON
{
  "hex": "#f558dd",
  "rgb": {
    "r": 245,
    "g": 88,
    "b": 221
  },
  "hsl": {
    "h": 309.172,
    "s": 88.701,
    "l": 65.294
  },
  "oklch": {
    "l": 0.71238,
    "c": 0.23803,
    "h": 334.4
  },
  "luminance": 0.31612
}

Semantic roles & 50–950 ramp

primary
#F558DD
secondary
#BAEFC2
accent
#E52300
background
#FFF9FE
surface
#FFF2FC
border
#D7CCD5
text
#180E16
muted
#867E84

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

معاينة مع #F558DD

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

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

#F558DD — Tintiva