#AF7BC4#AF7BC4

#AF7BC4 لون فاتح ومتوسط التشبّع من عائلة purple. الإضاءة النسبية 0.273؛ OKLCH L 66.2% C 0.119 H 315.9°. أفضل لون لنص المتن هو #000000 بتباين 6.45:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#AF7BC4
RGBrgb(175, 123, 196)
HSLhsl(283, 38%, 63%)
HSVhsv(283, 37%, 77%)
CMYKcmyk(10.7%, 37.2%, 0%, 23.1%)
CIE-LABlab(59.22, 33.22, -30.21)
CIE-LCHlch(59.22, 44.90, 317.71°)
OKLaboklab(66.18% 0.0856 -0.0831)
OKLCHoklch(66.18% 0.119 315.9)
XYZxyz(34.7245, 27.2662, 55.6475)
Luminance0.2727 (WCAG relative)
Temperaturecool
Familypurple

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#AF7BC4 #90C47B
analogous
#8B7BC4 #AF7BC4 #C47BB4
triadic
#AF7BC4 #C4AF7B #7BC4AF
tetradic
#AF7BC4 #C48B7B #90C47B #7BB4C4
square
#AF7BC4 #C48B7B #90C47B #7BB4C4
split-complementary
#AF7BC4 #B4C47B #7BC48B
monochromatic
#723D88 #9551B1 #AF7BC4 #C9A5D7 #E2D0EA

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

On white

3.25
#AF7BC4 on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

6.45
#AF7BC4 on #000000
AA ✓AA large ✓AAA ✗

أفضل لون للنص

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

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

fg \ bg##AF7BC4#FFFFFF#000000##000000
##AF7BC41.003.256.456.45
#FFFFFF3.251.0021.0021.00
#0000006.4521.001.001.00
##0000006.4521.001.001.00

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

Protanopia (red-blind)
#708BC7
Deuteranopia (green-blind)
#7C90C2
Tritanopia (blue-blind)
#AE8496
Achromatopsia (no color)
#8F8F8F

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

CSS
--color: #af7bc4;
/* rgb */ color: rgb(175, 123, 196);
/* oklch */ color: oklch(66.2% 0.119 315.9);
Tailwind
colors: {
  custom: {
    50: '#c8a2d6',
    500: '#af7bc4',
    950: '#000000',
  },
}
SCSS
$custom: #af7bc4;
$custom-light: #c8a2d6;
$custom-dark: #000000;
JSON
{
  "hex": "#af7bc4",
  "rgb": {
    "r": 175,
    "g": 123,
    "b": 196
  },
  "hsl": {
    "h": 282.74,
    "s": 38.22,
    "l": 62.549
  },
  "oklch": {
    "l": 0.66178,
    "c": 0.11927,
    "h": 315.9
  },
  "luminance": 0.27265
}

Semantic roles & 50–950 ramp

primary
#AF7BC4
secondary
#C8DBC0
accent
#B13458
background
#FCFAFD
surface
#F8F3FA
border
#D1CDD3
text
#130F14
muted
#827F83

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

معاينة مع #AF7BC4

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

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

#AF7BC4 — Tintiva