#F57BF2#F57BF2

#F57BF2 لون فاتح وعالي التشبّع من عائلة purple. الإضاءة النسبية 0.400؛ OKLCH L 76.3% C 0.205 H 328.3°. أفضل لون لنص المتن هو #000000 بتباين 9.00:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#F57BF2
RGBrgb(245, 123, 242)
HSLhsl(301, 86%, 72%)
HSVhsv(301, 50%, 96%)
CMYKcmyk(0%, 49.8%, 1.2%, 3.9%)
CIE-LABlab(69.46, 62.35, -39.30)
CIE-LCHlch(69.46, 73.71, 327.78°)
OKLaboklab(76.26% 0.1743 -0.1077)
OKLCHoklch(76.26% 0.205 328.3)
XYZxyz(60.7653, 39.9927, 88.5059)
Luminance0.3999 (WCAG relative)
Temperatureneutral
Familypurple

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#F57BF2 #7BF57E
analogous
#BB7BF5 #F57BF2 #F57BB5
triadic
#F57BF2 #F2F57B #7BF2F5
tetradic
#F57BF2 #F5BB7B #7BF57E #7BB5F5
square
#F57BF2 #F5BB7B #7BF57E #7BB5F5
split-complementary
#F57BF2 #B5F57B #7BF5BB
monochromatic
#E411DF #F142EC #F57BF2 #F9B4F8 #FDE3FC

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

On white

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

On black

9.00
#F57BF2 on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

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

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

fg \ bg##F57BF2#FFFFFF#000000##000000
##F57BF21.002.339.009.00
#FFFFFF2.331.0021.0021.00
#0000009.0021.001.001.00
##0000009.0021.001.001.00

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

Protanopia (red-blind)
#719FF6
Deuteranopia (green-blind)
#96AFEE
Tritanopia (blue-blind)
#FC87AC
Achromatopsia (no color)
#AAAAAA

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

CSS
--color: #f57bf2;
/* rgb */ color: rgb(245, 123, 242);
/* oklch */ color: oklch(76.3% 0.205 328.3);
Tailwind
colors: {
  custom: {
    50: '#fba6f6',
    500: '#f57bf2',
    950: '#000000',
  },
}
SCSS
$custom: #f57bf2;
$custom-light: #fba6f6;
$custom-dark: #000000;
JSON
{
  "hex": "#f57bf2",
  "rgb": {
    "r": 245,
    "g": 123,
    "b": 242
  },
  "hsl": {
    "h": 301.475,
    "s": 85.915,
    "l": 72.157
  },
  "oklch": {
    "l": 0.76258,
    "c": 0.20489,
    "h": 328.3
  },
  "luminance": 0.39989
}

Semantic roles & 50–950 ramp

primary
#F57BF2
secondary
#D6F5D7
accent
#E20903
background
#FFFAFF
surface
#FFF4FE
border
#D7CED6
text
#181017
muted
#867F85

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

معاينة مع #F57BF2

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

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

#F57BF2 — Tintiva