#F678FD#F678FD

#F678FD لون فاتح وعالي التشبّع من عائلة purple. الإضاءة النسبية 0.401؛ OKLCH L 76.5% C 0.220 H 325.4°. أفضل لون لنص المتن هو #000000 بتباين 9.02:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#F678FD
RGBrgb(246, 120, 253)
HSLhsl(297, 97%, 73%)
HSVhsv(297, 53%, 99%)
CMYKcmyk(2.8%, 52.6%, 0%, 0.8%)
CIE-LABlab(69.56, 65.91, -45.17)
CIE-LCHlch(69.56, 79.90, 325.57°)
OKLaboklab(76.51% 0.1807 -0.1246)
OKLCHoklch(76.51% 0.22 325.4)
XYZxyz(62.4507, 40.1210, 97.3641)
Luminance0.4012 (WCAG relative)
Temperatureneutral
Familypurple

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#F678FD #7FFD78
analogous
#B378FD #F678FD #FD78C1
triadic
#F678FD #FDF678 #78FDF6
tetradic
#F678FD #FDB378 #7FFD78 #78C1FD
square
#F678FD #FDB378 #7FFD78 #78C1FD
split-complementary
#F678FD #C1FD78 #78FDB3
monochromatic
#EA04F7 #F23CFC #F678FD #FAB4FE #FDE1FF

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

On white

2.33
#F678FD on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

9.02
#F678FD on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

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

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

fg \ bg##F678FD#FFFFFF#000000##000000
##F678FD1.002.339.029.02
#FFFFFF2.331.0021.0021.00
#0000009.0221.001.001.00
##0000009.0221.001.001.00

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

Protanopia (red-blind)
#67A0FF
Deuteranopia (green-blind)
#8FAFF9
Tritanopia (blue-blind)
#FB88B0
Achromatopsia (no color)
#AAAAAA

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

CSS
--color: #f678fd;
/* rgb */ color: rgb(246, 120, 253);
/* oklch */ color: oklch(76.5% 0.220 325.4);
Tailwind
colors: {
  custom: {
    50: '#fca4fe',
    500: '#f678fd',
    950: '#000000',
  },
}
SCSS
$custom: #f678fd;
$custom-light: #fca4fe;
$custom-dark: #000000;
JSON
{
  "hex": "#f678fd",
  "rgb": {
    "r": 246,
    "g": 120,
    "b": 253
  },
  "hsl": {
    "h": 296.842,
    "s": 97.08,
    "l": 73.137
  },
  "oklch": {
    "l": 0.76511,
    "c": 0.2195,
    "h": 325.4
  },
  "luminance": 0.40118
}

Semantic roles & 50–950 ramp

primary
#F678FD
secondary
#D6F7D4
accent
#E6000C
background
#FFFAFF
surface
#FFF4FF
border
#D7CED7
text
#181018
muted
#867F86

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

معاينة مع #F678FD

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

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

#F678FD — Tintiva