#AF647A#AF647A

#AF647A لون متوسط ومتوسط التشبّع من عائلة زهري. الإضاءة النسبية 0.196؛ OKLCH L 59.4% C 0.100 H 1.7°. أفضل لون لنص المتن هو #000000 بتباين 4.93:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX	#AF647A
RGB	rgb(175, 100, 122)
HSL	hsl(342, 32%, 54%)
HSV	hsv(342, 43%, 69%)
CMYK	cmyk(0%, 42.9%, 30.3%, 31.4%)
CIE-LAB	lab(51.42, 32.92, 0.98)
CIE-LCH	lch(51.42, 32.93, 1.71°)
OKLab	oklab(59.4% 0.0997 0.003)
OKLCH	oklch(59.4% 0.1 1.7)
XYZ	xyz(25.7501, 19.6355, 20.8424)
Luminance	0.1963 (WCAG relative)
Temperature	warm
Family	pink

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

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

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

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

التدريجات

OKLCH scale

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

complementary

#AF647A #64AF99

analogous

#AF64A0 #AF647A #AF7464

triadic

#AF647A #7AAF64 #647AAF

tetradic

#AF647A #A0AF64 #64AF99 #7464AF

square

#AF647A #A0AF64 #64AF99 #7464AF

split-complementary

#AF647A #64AF74 #64A0AF

monochromatic

#653442 #8D495D #AF647A #C48C9D #D9B5BF

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

On white

4.26

#AF647A on #FFFFFF

AA ✗AA large ✓AAA ✗

On black

4.93

#AF647A on #000000

AA ✓AA large ✓AAA ✗

أفضل لون للنص

#000000 on #AF647A

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

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

fg \ bg	##AF647A	#FFFFFF	#000000	##000000
##AF647A	1.00	4.26	4.93	4.93
#FFFFFF	4.26	1.00	21.00	21.00
#000000	4.93	21.00	1.00	1.00
##000000	4.93	21.00	1.00	1.00

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

Protanopia (red-blind)

#6F727B

Deuteranopia (green-blind)

#828078

Tritanopia (blue-blind)

#BA5F6C

Achromatopsia (no color)

#7A7A7A

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

CSS

--color: #af647a;
/* rgb */ color: rgb(175, 100, 122);
/* oklch */ color: oklch(59.4% 0.100 1.7);

Tailwind

colors: {
  custom: {
    50: '#c991a0',
    500: '#af647a',
    950: '#000000',
  },
}

SCSS

$custom: #af647a;
$custom-light: #c991a0;
$custom-dark: #000000;

JSON

{
  "hex": "#af647a",
  "rgb": {
    "r": 175,
    "g": 100,
    "b": 122
  },
  "hsl": {
    "h": 342.4,
    "s": 31.915,
    "l": 53.922
  },
  "oklch": {
    "l": 0.59404,
    "c": 0.09973,
    "h": 1.7
  },
  "luminance": 0.19633
}

Semantic roles & 50–950 ramp

primary

#AF647A

secondary

#A7C7BE

accent

#C8A960

background

#FCF9F9

surface

#F9F1F2

border

#D2CBCC

text

#130D0E

muted

#827E7E

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

معاينة مع #AF647A

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

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