#AF4EA7#AF4EA7

#AF4EA7 لون متوسط وزاهٍ من عائلة purple. الإضاءة النسبية 0.174؛ OKLCH L 57.9% C 0.167 H 330.7°. أفضل لون لنص المتن هو #FFFFFF بتباين 4.70:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#AF4EA7
RGBrgb(175, 78, 167)
HSLhsl(305, 38%, 50%)
HSVhsv(305, 55%, 69%)
CMYKcmyk(0%, 55.4%, 4.6%, 31.4%)
CIE-LABlab(48.70, 51.32, -29.82)
CIE-LCHlch(48.70, 59.35, 329.84°)
OKLaboklab(57.91% 0.1456 -0.0816)
OKLCHoklch(57.91% 0.167 330.7)
XYZxyz(27.3785, 17.3546, 38.4594)
Luminance0.1735 (WCAG relative)
Temperatureneutral
Familypurple

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#AF4EA7 #4EAF56
analogous
#864EAF #AF4EA7 #AF4E77
triadic
#AF4EA7 #A7AF4E #4EA7AF
tetradic
#AF4EA7 #AF864E #4EAF56 #4E77AF
square
#AF4EA7 #AF864E #4EAF56 #4E77AF
split-complementary
#AF4EA7 #77AF4E #4EAF86
monochromatic
#5A2856 #853B7F #AF4EA7 #C378BC #D6A2D1

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

On white

4.70
#AF4EA7 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

4.47
#AF4EA7 on #000000
AA ✗AA large ✓AAA ✗

أفضل لون للنص

#FFFFFF on #AF4EA7
4.70:1 — WCAG AA (نص عادي) مطابق

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

fg \ bg##AF4EA7#FFFFFF#000000##FFFFFF
##AF4EA71.004.704.474.70
#FFFFFF4.701.0021.001.00
#0000004.4721.001.0021.00
##FFFFFF4.701.0021.001.00

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

Protanopia (red-blind)
#496BAA
Deuteranopia (green-blind)
#6779A4
Tritanopia (blue-blind)
#B55773
Achromatopsia (no color)
#747474

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

CSS
--color: #af4ea7;
/* rgb */ color: rgb(175, 78, 167);
/* oklch */ color: oklch(57.9% 0.167 330.7);
Tailwind
colors: {
  custom: {
    50: '#c984c1',
    500: '#af4ea7',
    950: '#000000',
  },
}
SCSS
$custom: #af4ea7;
$custom-light: #c984c1;
$custom-dark: #000000;
JSON
{
  "hex": "#af4ea7",
  "rgb": {
    "r": 175,
    "g": 78,
    "b": 167
  },
  "hsl": {
    "h": 304.948,
    "s": 38.34,
    "l": 49.608
  },
  "oklch": {
    "l": 0.57914,
    "c": 0.1669,
    "h": 330.7
  },
  "luminance": 0.17353
}

Semantic roles & 50–950 ramp

primary
#AF4EA7
secondary
#96C39A
accent
#CE635A
background
#FCF8FB
surface
#F9EFF7
border
#D2CAD0
text
#130B12
muted
#827C81

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

معاينة مع #AF4EA7

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

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

#AF4EA7 — Tintiva