#AF5B72#AF5B72

#AF5B72 لون متوسط ومتوسط التشبّع من عائلة زهري. الإضاءة النسبية 0.178؛ OKLCH L 57.7% C 0.112 H 3.8°. أفضل لون لنص المتن هو #FFFFFF بتباين 4.60:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX	#AF5B72
RGB	rgb(175, 91, 114)
HSL	hsl(344, 34%, 52%)
HSV	hsv(344, 48%, 69%)
CMYK	cmyk(0%, 48%, 34.9%, 31.4%)
CIE-LAB	lab(49.27, 36.70, 2.63)
CIE-LCH	lch(49.27, 36.79, 4.10°)
OKLab	oklab(57.7% 0.1114 0.0073)
OKLCH	oklch(57.7% 0.112 3.8)
XYZ	xyz(24.4587, 17.8132, 18.0665)
Luminance	0.1781 (WCAG relative)
Temperature	warm
Family	pink

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

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

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

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

التدريجات

OKLCH scale

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

complementary

#AF5B72 #5BAF98

analogous

#AF5B9C #AF5B72 #AF6E5B

triadic

#AF5B72 #72AF5B #5B72AF

tetradic

#AF5B72 #9CAF5B #5BAF98 #6E5BAF

square

#AF5B72 #9CAF5B #5BAF98 #6E5BAF

split-complementary

#AF5B72 #5BAF6E #5B9CAF

monochromatic

#612F3D #8A4356 #AF5B72 #C38495 #D7ADB9

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

On white

4.60

#AF5B72 on #FFFFFF

AA ✓AA large ✓AAA ✗

On black

4.56

#AF5B72 on #000000

AA ✓AA large ✓AAA ✗

أفضل لون للنص

#FFFFFF on #AF5B72

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

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

fg \ bg	##AF5B72	#FFFFFF	#000000	##FFFFFF
##AF5B72	1.00	4.60	4.56	4.60
#FFFFFF	4.60	1.00	21.00	1.00
#000000	4.56	21.00	1.00	21.00
##FFFFFF	4.60	1.00	21.00	1.00

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

Protanopia (red-blind)

#696B73

Deuteranopia (green-blind)

#7E7B70

Tritanopia (blue-blind)

#BC5463

Achromatopsia (no color)

#757575

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

CSS

--color: #af5b72;
/* rgb */ color: rgb(175, 91, 114);
/* oklch */ color: oklch(57.7% 0.112 3.8);

Tailwind

colors: {
  custom: {
    50: '#c98b9a',
    500: '#af5b72',
    950: '#000000',
  },
}

SCSS

$custom: #af5b72;
$custom-light: #c98b9a;
$custom-dark: #000000;

JSON

{
  "hex": "#af5b72",
  "rgb": {
    "r": 175,
    "g": 91,
    "b": 114
  },
  "hsl": {
    "h": 343.571,
    "s": 34.426,
    "l": 52.157
  },
  "oklch": {
    "l": 0.57698,
    "c": 0.11167,
    "h": 3.8
  },
  "luminance": 0.17811
}

Semantic roles & 50–950 ramp

primary

#AF5B72

secondary

#A1C5BB

accent

#CBAD5D

background

#FCF8F9

surface

#F9F0F2

border

#D2CBCC

text

#140C0E

muted

#827D7E

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

معاينة مع #AF5B72

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

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