#F8A4A5#F8A4A5

#F8A4A5 لون فاتح ومتوسط التشبّع من عائلة أحمر. الإضاءة النسبية 0.492؛ OKLCH L 80.2% C 0.100 H 18.7°. أفضل لون لنص المتن هو #000000 بتباين 10.84:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX	#F8A4A5
RGB	rgb(248, 164, 165)
HSL	hsl(359, 86%, 81%)
HSV	hsv(359, 34%, 97%)
CMYK	cmyk(0%, 33.9%, 33.5%, 2.7%)
CIE-LAB	lab(75.59, 31.19, 12.34)
CIE-LCH	lch(75.59, 33.54, 21.58°)
OKLab	oklab(80.15% 0.0947 0.0321)
OKLCH	oklch(80.15% 0.1 18.7)
XYZ	xyz(58.7804, 49.2281, 41.9960)
Luminance	0.4922 (WCAG relative)
Temperature	warm
Family	red

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

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

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

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

التدريجات

OKLCH scale

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

complementary

#F8A4A5 #A4F8F7

analogous

#F8A4CF #F8A4A5 #F8CDA4

triadic

#F8A4A5 #A5F8A4 #A4A5F8

tetradic

#F8A4A5 #CFF8A4 #A4F8F7 #CDA4F8

square

#F8A4A5 #CFF8A4 #A4F8F7 #CDA4F8

split-complementary

#F8A4A5 #A4F8CD #A4CFF8

monochromatic

#EF3235 #F46B6D #F8A4A5 #FCDDDD #FDE3E3

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

On white

1.94

#F8A4A5 on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

10.84

#F8A4A5 on #000000

AA ✓AA large ✓AAA ✓

أفضل لون للنص

#000000 on #F8A4A5

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

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

fg \ bg	##F8A4A5	#FFFFFF	#000000	##000000
##F8A4A5	1.00	1.94	10.84	10.84
#FFFFFF	1.94	1.00	21.00	21.00
#000000	10.84	21.00	1.00	1.00
##000000	10.84	21.00	1.00	1.00

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

Protanopia (red-blind)

#B4B0A5

Deuteranopia (green-blind)

#C8C1A4

Tritanopia (blue-blind)

#FF9BA5

Achromatopsia (no color)

#BABABA

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

CSS

--color: #f8a4a5;
/* rgb */ color: rgb(248, 164, 165);
/* oklch */ color: oklch(80.2% 0.100 18.7);

Tailwind

colors: {
  custom: {
    50: '#fcbfbf',
    500: '#f8a4a5',
    950: '#000000',
  },
}

SCSS

$custom: #f8a4a5;
$custom-light: #fcbfbf;
$custom-dark: #000000;

JSON

{
  "hex": "#f8a4a5",
  "rgb": {
    "r": 248,
    "g": 164,
    "b": 165
  },
  "hsl": {
    "h": 359.286,
    "s": 85.714,
    "l": 80.784
  },
  "oklch": {
    "l": 0.8015,
    "c": 0.09999,
    "h": 18.7
  },
  "luminance": 0.49224
}

Semantic roles & 50–950 ramp

primary

#F8A4A5

secondary

#D6F5F4

accent

#E2E003

background

#FFFBFB

surface

#FFF7F7

border

#D7D0D0

text

#181212

muted

#868181

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

معاينة مع #F8A4A5

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

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