#F558DF#F558DF

#F558DF لون فاتح وعالي التشبّع من عائلة purple. الإضاءة النسبية 0.317؛ OKLCH L 71.3% C 0.239 H 333.8°. أفضل لون لنص المتن هو #000000 بتباين 7.34:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#F558DF
RGBrgb(245, 88, 223)
HSLhsl(308, 89%, 65%)
HSVhsv(308, 64%, 96%)
CMYKcmyk(0%, 64.1%, 9%, 3.9%)
CIE-LABlab(63.11, 74.29, -38.68)
CIE-LCHlch(63.11, 83.76, 332.49°)
OKLaboklab(71.33% 0.2149 -0.1057)
OKLCHoklch(71.33% 0.239 333.8)
XYZxyz(54.4655, 31.7240, 73.0525)
Luminance0.3172 (WCAG relative)
Temperatureneutral
Familypurple

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#F558DF #58F56E
analogous
#BD58F5 #F558DF #F55890
triadic
#F558DF #DFF558 #58DFF5
tetradic
#F558DF #F5BD58 #58F56E #5890F5
square
#F558DF #F5BD58 #58F56E #5890F5
split-complementary
#F558DF #90F558 #58F5BD
monochromatic
#C70CAD #F21ED4 #F558DF #F892EA #FCCBF5

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

On white

2.86
#F558DF on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

7.34
#F558DF on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

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

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

fg \ bg##F558DF#FFFFFF#000000##000000
##F558DF1.002.867.347.34
#FFFFFF2.861.0021.0021.00
#0000007.3421.001.001.00
##0000007.3421.001.001.00

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

Protanopia (red-blind)
#558AE3
Deuteranopia (green-blind)
#89A1DB
Tritanopia (blue-blind)
#FF6494
Achromatopsia (no color)
#999999

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

CSS
--color: #f558df;
/* rgb */ color: rgb(245, 88, 223);
/* oklch */ color: oklch(71.3% 0.239 333.8);
Tailwind
colors: {
  custom: {
    50: '#fc91e9',
    500: '#f558df',
    950: '#000000',
  },
}
SCSS
$custom: #f558df;
$custom-light: #fc91e9;
$custom-dark: #000000;
JSON
{
  "hex": "#f558df",
  "rgb": {
    "r": 245,
    "g": 88,
    "b": 223
  },
  "hsl": {
    "h": 308.408,
    "s": 88.701,
    "l": 65.294
  },
  "oklch": {
    "l": 0.71332,
    "c": 0.23947,
    "h": 333.8
  },
  "luminance": 0.3172
}

Semantic roles & 50–950 ramp

primary
#F558DF
secondary
#BAEFC1
accent
#E52000
background
#FFF9FE
surface
#FFF2FD
border
#D7CCD5
text
#180E16
muted
#867E84

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

معاينة مع #F558DF

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

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

#F558DF — Tintiva