#F7BCFD#F7BCFD

#F7BCFD لون فاتح جداً ومتوسط التشبّع من عائلة purple. الإضاءة النسبية 0.628؛ OKLCH L 86.9% C 0.108 H 323.4°. أفضل لون لنص المتن هو #000000 بتباين 13.57:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#F7BCFD
RGBrgb(247, 188, 253)
HSLhsl(294, 94%, 86%)
HSVhsv(294, 26%, 99%)
CMYKcmyk(2.4%, 25.7%, 0%, 0.8%)
CIE-LABlab(83.36, 31.86, -23.84)
CIE-LCHlch(83.36, 39.79, 323.20°)
OKLaboklab(86.9% 0.0867 -0.0645)
OKLCHoklch(86.9% 0.108 323.4)
XYZxyz(74.0685, 62.8344, 101.1359)
Luminance0.6283 (WCAG relative)
Temperatureneutral
Familypurple

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#F7BCFD #C2FDBC
analogous
#D7BCFD #F7BCFD #FDBCE3
triadic
#F7BCFD #FDF7BC #BCFDF7
tetradic
#F7BCFD #FDD7BC #C2FDBC #BCE3FD
square
#F7BCFD #FDD7BC #C2FDBC #BCE3FD
split-complementary
#F7BCFD #E3FDBC #BCFDD7
monochromatic
#E945F9 #F081FB #F7BCFD #FBE1FE #FBE1FE

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

On white

1.55
#F7BCFD on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

13.57
#F7BCFD on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

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

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

fg \ bg##F7BCFD#FFFFFF#000000##000000
##F7BCFD1.001.5513.5713.57
#FFFFFF1.551.0021.0021.00
#00000013.5721.001.001.00
##00000013.5721.001.001.00

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

Protanopia (red-blind)
#B6CBFF
Deuteranopia (green-blind)
#C4D2FB
Tritanopia (blue-blind)
#FAC2D3
Achromatopsia (no color)
#D0D0D0

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

CSS
--color: #f7bcfd;
/* rgb */ color: rgb(247, 188, 253);
/* oklch */ color: oklch(86.9% 0.108 323.4);
Tailwind
colors: {
  custom: {
    50: '#fad0fe',
    500: '#f7bcfd',
    950: '#000000',
  },
}
SCSS
$custom: #f7bcfd;
$custom-light: #fad0fe;
$custom-dark: #000000;
JSON
{
  "hex": "#f7bcfd",
  "rgb": {
    "r": 247,
    "g": 188,
    "b": 253
  },
  "hsl": {
    "h": 294.462,
    "s": 94.203,
    "l": 86.471
  },
  "oklch": {
    "l": 0.869,
    "c": 0.10803,
    "h": 323.4
  },
  "luminance": 0.62832
}

Semantic roles & 50–950 ramp

primary
#F7BCFD
secondary
#83E47A
accent
#E60015
background
#FFFEFF
surface
#FFFBFF
border
#D7D4D7
text
#171417
muted
#858385

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

معاينة مع #F7BCFD

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

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

#F7BCFD — Tintiva