#FCA4A5#FCA4A5

#FCA4A5 لون فاتح ومتوسط التشبّع من عائلة أحمر. الإضاءة النسبية 0.500؛ OKLCH L 80.6% C 0.105 H 18.9°. أفضل لون لنص المتن هو #000000 بتباين 10.99:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX	#FCA4A5
RGB	rgb(252, 164, 165)
HSL	hsl(359, 94%, 82%)
HSV	hsv(359, 35%, 99%)
CMYK	cmyk(0%, 34.9%, 34.5%, 1.2%)
CIE-LAB	lab(76.05, 32.66, 13.04)
CIE-LCH	lch(76.05, 35.17, 21.77°)
OKLab	oklab(80.6% 0.0991 0.0339)
OKLCH	oklch(80.6% 0.105 18.9)
XYZ	xyz(60.2141, 49.9674, 42.0632)
Luminance	0.4996 (WCAG relative)
Temperature	warm
Family	red

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

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

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

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

التدريجات

OKLCH scale

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

complementary

#FCA4A5 #A4FCFB

analogous

#FCA4D1 #FCA4A5 #FCCFA4

triadic

#FCA4A5 #A5FCA4 #A4A5FC

tetradic

#FCA4A5 #D1FCA4 #A4FCFB #CFA4FC

square

#FCA4A5 #D1FCA4 #A4FCFB #CFA4FC

split-complementary

#FCA4A5 #A4FCCF #A4D1FC

monochromatic

#F82E30 #FA696A #FCA4A5 #FEDFE0 #FEE1E2

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

On white

1.91

#FCA4A5 on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

10.99

#FCA4A5 on #000000

AA ✓AA large ✓AAA ✓

أفضل لون للنص

#000000 on #FCA4A5

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

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

fg \ bg	##FCA4A5	#FFFFFF	#000000	##000000
##FCA4A5	1.00	1.91	10.99	10.99
#FFFFFF	1.91	1.00	21.00	21.00
#000000	10.99	21.00	1.00	1.00
##000000	10.99	21.00	1.00	1.00

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

Protanopia (red-blind)

#B5B1A5

Deuteranopia (green-blind)

#CAC2A4

Tritanopia (blue-blind)

#FF9AA5

Achromatopsia (no color)

#BBBBBB

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

CSS

--color: #fca4a5;
/* rgb */ color: rgb(252, 164, 165);
/* oklch */ color: oklch(80.6% 0.105 18.9);

Tailwind

colors: {
  custom: {
    50: '#ffc0bf',
    500: '#fca4a5',
    950: '#000000',
  },
}

SCSS

$custom: #fca4a5;
$custom-light: #ffc0bf;
$custom-dark: #000000;

JSON

{
  "hex": "#fca4a5",
  "rgb": {
    "r": 252,
    "g": 164,
    "b": 165
  },
  "hsl": {
    "h": 359.318,
    "s": 93.617,
    "l": 81.569
  },
  "oklch": {
    "l": 0.806,
    "c": 0.10472,
    "h": 18.9
  },
  "luminance": 0.49963
}

Semantic roles & 50–950 ramp

primary

#FCA4A5

secondary

#D5F6F6

accent

#E6E300

background

#FFFBFB

surface

#FFF7F7

border

#D7D0D0

text

#181212

muted

#868181

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

معاينة مع #FCA4A5

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

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