#F76BF5#F76BF5

#F76BF5 لون فاتح وعالي التشبّع من عائلة purple. الإضاءة النسبية 0.369؛ OKLCH L 74.7% C 0.232 H 328.1°. أفضل لون لنص المتن هو #000000 بتباين 8.38:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#F76BF5
RGBrgb(247, 107, 245)
HSLhsl(301, 90%, 69%)
HSVhsv(301, 57%, 97%)
CMYKcmyk(0%, 56.7%, 0.8%, 3.1%)
CIE-LABlab(67.19, 70.56, -44.49)
CIE-LCHlch(67.19, 83.42, 327.77°)
OKLaboklab(74.69% 0.1971 -0.1225)
OKLCHoklch(74.69% 0.232 328.1)
XYZxyz(60.0961, 36.8859, 90.3229)
Luminance0.3688 (WCAG relative)
Temperatureneutral
Familypurple

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#F76BF5 #6BF76D
analogous
#B36BF7 #F76BF5 #F76BAF
triadic
#F76BF5 #F5F76B #6BF5F7
tetradic
#F76BF5 #F7B36B #6BF76D #6BAFF7
square
#F76BF5 #F7B36B #6BF76D #6BAFF7
split-complementary
#F76BF5 #AFF76B #6BF7B3
monochromatic
#DC0CD9 #F431F1 #F76BF5 #FAA5F9 #FDDFFD

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

On white

2.51
#F76BF5 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

8.38
#F76BF5 on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

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

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

fg \ bg##F76BF5#FFFFFF#000000##000000
##F76BF51.002.518.388.38
#FFFFFF2.511.0021.0021.00
#0000008.3821.001.001.00
##0000008.3821.001.001.00

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

Protanopia (red-blind)
#5D98F9
Deuteranopia (green-blind)
#8BAAF1
Tritanopia (blue-blind)
#FE7BA6
Achromatopsia (no color)
#A4A4A4

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

CSS
--color: #f76bf5;
/* rgb */ color: rgb(247, 107, 245);
/* oklch */ color: oklch(74.7% 0.232 328.1);
Tailwind
colors: {
  custom: {
    50: '#fd9cf9',
    500: '#f76bf5',
    950: '#000000',
  },
}
SCSS
$custom: #f76bf5;
$custom-light: #fd9cf9;
$custom-dark: #000000;
JSON
{
  "hex": "#f76bf5",
  "rgb": {
    "r": 247,
    "g": 107,
    "b": 245
  },
  "hsl": {
    "h": 300.857,
    "s": 89.744,
    "l": 69.412
  },
  "oklch": {
    "l": 0.74686,
    "c": 0.23208,
    "h": 328.1
  },
  "luminance": 0.36882
}

Semantic roles & 50–950 ramp

primary
#F76BF5
secondary
#CBF3CB
accent
#E60300
background
#FFFAFF
surface
#FFF3FF
border
#D7CDD7
text
#180F17
muted
#867F85

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

معاينة مع #F76BF5

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

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

#F76BF5 — Tintiva