#AF4786#AF4786

#AF4786 لون متوسط وزاهٍ من عائلة زهري. الإضاءة النسبية 0.153؛ OKLCH L 55.5% C 0.153 H 345.9°. أفضل لون لنص المتن هو #FFFFFF بتباين 5.16:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX	#AF4786
RGB	rgb(175, 71, 134)
HSL	hsl(324, 42%, 48%)
HSV	hsv(324, 59%, 69%)
CMYK	cmyk(0%, 59.4%, 23.4%, 31.4%)
CIE-LAB	lab(46.10, 49.38, -14.13)
CIE-LCH	lch(46.10, 51.37, 344.03°)
OKLab	oklab(55.54% 0.1485 -0.0374)
OKLCH	oklch(55.54% 0.153 345.9)
XYZ	xyz(24.2363, 15.3439, 24.2349)
Luminance	0.1534 (WCAG relative)
Temperature	warm
Family	pink

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

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

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

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

التدريجات

OKLCH scale

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

complementary

#AF4786 #47AF70

analogous

#A447AF #AF4786 #AF4752

triadic

#AF4786 #86AF47 #4786AF

tetradic

#AF4786 #AFA447 #47AF70 #4752AF

square

#AF4786 #AFA447 #47AF70 #4752AF

split-complementary

#AF4786 #52AF47 #47AFA4

monochromatic

#582443 #833565 #AF4786 #C46FA3 #D69ABF

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

On white

5.16

#AF4786 on #FFFFFF

AA ✓AA large ✓AAA ✗

On black

4.07

#AF4786 on #000000

AA ✗AA large ✓AAA ✗

أفضل لون للنص

#FFFFFF on #AF4786

5.16:1 — WCAG AA (نص عادي) مطابق

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

fg \ bg	##AF4786	#FFFFFF	#000000	##FFFFFF
##AF4786	1.00	5.16	4.07	5.16
#FFFFFF	5.16	1.00	21.00	1.00
#000000	4.07	21.00	1.00	21.00
##FFFFFF	5.16	1.00	21.00	1.00

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

Protanopia (red-blind)

#516288

Deuteranopia (green-blind)

#6E7483

Tritanopia (blue-blind)

#BA4560

Achromatopsia (no color)

#6D6D6D

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

CSS

--color: #af4786;
/* rgb */ color: rgb(175, 71, 134);
/* oklch */ color: oklch(55.5% 0.153 345.9);

Tailwind

colors: {
  custom: {
    50: '#ca80a9',
    500: '#af4786',
    950: '#000000',
  },
}

SCSS

$custom: #af4786;
$custom-light: #ca80a9;
$custom-dark: #000000;

JSON

{
  "hex": "#af4786",
  "rgb": {
    "r": 175,
    "g": 71,
    "b": 134
  },
  "hsl": {
    "h": 323.654,
    "s": 42.276,
    "l": 48.235
  },
  "oklch": {
    "l": 0.55542,
    "c": 0.15312,
    "h": 345.9
  },
  "luminance": 0.15342
}

Semantic roles & 50–950 ramp

primary

#AF4786

secondary

#8FC2A4

accent

#D28756

background

#FCF8FA

surface

#F9EFF4

border

#D2CACE

text

#140A0F

muted

#827C7F

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

معاينة مع #AF4786

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

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