#F286F2#F286F2

#F286F2 لون فاتح وزاهٍ من عائلة purple. الإضاءة النسبية 0.423؛ OKLCH L 77.4% C 0.186 H 327.2°. أفضل لون لنص المتن هو #000000 بتباين 9.47:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#F286F2
RGBrgb(242, 134, 242)
HSLhsl(300, 81%, 74%)
HSVhsv(300, 45%, 95%)
CMYKcmyk(0%, 44.6%, 0%, 5.1%)
CIE-LABlab(71.11, 56.23, -36.77)
CIE-LCHlch(71.11, 67.19, 326.82°)
OKLaboklab(77.4% 0.1561 -0.1006)
OKLCHoklch(77.4% 0.186 327.2)
XYZxyz(61.1689, 42.3414, 88.9379)
Luminance0.4234 (WCAG relative)
Temperatureneutral
Familypurple

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#F286F2 #86F286
analogous
#BC86F2 #F286F2 #F286BC
triadic
#F286F2 #F2F286 #86F2F2
tetradic
#F286F2 #F2BC86 #86F286 #86BCF2
square
#F286F2 #F2BC86 #86F286 #86BCF2
split-complementary
#F286F2 #BCF286 #86F2BC
monochromatic
#E519E5 #EC4FEC #F286F2 #F8BDF8 #FCE3FC

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

On white

2.22
#F286F2 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

9.47
#F286F2 on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

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

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

fg \ bg##F286F2#FFFFFF#000000##000000
##F286F21.002.229.479.47
#FFFFFF2.221.0021.0021.00
#0000009.4721.001.001.00
##0000009.4721.001.001.00

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

Protanopia (red-blind)
#7DA5F6
Deuteranopia (green-blind)
#9BB3EF
Tritanopia (blue-blind)
#F891B1
Achromatopsia (no color)
#AEAEAE

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

CSS
--color: #f286f2;
/* rgb */ color: rgb(242, 134, 242);
/* oklch */ color: oklch(77.4% 0.186 327.2);
Tailwind
colors: {
  custom: {
    50: '#f8acf6',
    500: '#f286f2',
    950: '#000000',
  },
}
SCSS
$custom: #f286f2;
$custom-light: #f8acf6;
$custom-dark: #000000;
JSON
{
  "hex": "#f286f2",
  "rgb": {
    "r": 242,
    "g": 134,
    "b": 242
  },
  "hsl": {
    "h": 300,
    "s": 80.597,
    "l": 73.725
  },
  "oklch": {
    "l": 0.77396,
    "c": 0.18573,
    "h": 327.2
  },
  "luminance": 0.42338
}

Semantic roles & 50–950 ramp

primary
#F286F2
secondary
#D7F4D7
accent
#DD0909
background
#FFFAFF
surface
#FFF4FE
border
#D7CED6
text
#171017
muted
#857F85

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

معاينة مع #F286F2

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

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

#F286F2 — Tintiva