#FD97A0#FD97A0

#FD97A0 لون فاتح وزاهٍ من عائلة أحمر. الإضاءة النسبية 0.456؛ OKLCH L 78.5% C 0.123 H 14.6°. أفضل لون لنص المتن هو #000000 بتباين 10.11:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#FD97A0
RGBrgb(253, 151, 160)
HSLhsl(355, 96%, 79%)
HSVhsv(355, 40%, 99%)
CMYKcmyk(0%, 40.3%, 36.8%, 0.8%)
CIE-LABlab(73.26, 39.18, 11.86)
CIE-LCHlch(73.26, 40.93, 16.85°)
OKLaboklab(78.45% 0.1187 0.0309)
OKLCHoklch(78.45% 0.123 14.6)
XYZxyz(57.9224, 45.5587, 38.9940)
Luminance0.4555 (WCAG relative)
Temperaturewarm
Familyred

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#FD97A0 #97FDF4
analogous
#FD97D3 #FD97A0 #FDC197
triadic
#FD97A0 #A0FD97 #97A0FD
tetradic
#FD97A0 #D3FD97 #97FDF4 #C197FD
square
#FD97A0 #D3FD97 #97FDF4 #C197FD
split-complementary
#FD97A0 #97FDC1 #97D3FD
monochromatic
#FB1F32 #FC5B69 #FD97A0 #FED3D7 #FEE1E4

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

On white

2.08
#FD97A0 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

10.11
#FD97A0 on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

#000000 on #FD97A0
10.11:1 — WCAG AA (نص عادي) مطابق

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

fg \ bg##FD97A0#FFFFFF#000000##000000
##FD97A01.002.0810.1110.11
#FFFFFF2.081.0021.0021.00
#00000010.1121.001.001.00
##00000010.1121.001.001.00

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

Protanopia (red-blind)
#AAA8A0
Deuteranopia (green-blind)
#C3BB9E
Tritanopia (blue-blind)
#FF8C9A
Achromatopsia (no color)
#B4B4B4

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

CSS
--color: #fd97a0;
/* rgb */ color: rgb(253, 151, 160);
/* oklch */ color: oklch(78.5% 0.123 14.6);
Tailwind
colors: {
  custom: {
    50: '#ffb7bc',
    500: '#fd97a0',
    950: '#000000',
  },
}
SCSS
$custom: #fd97a0;
$custom-light: #ffb7bc;
$custom-dark: #000000;
JSON
{
  "hex": "#fd97a0",
  "rgb": {
    "r": 253,
    "g": 151,
    "b": 160
  },
  "hsl": {
    "h": 354.706,
    "s": 96.226,
    "l": 79.216
  },
  "oklch": {
    "l": 0.78451,
    "c": 0.12266,
    "h": 14.6
  },
  "luminance": 0.45554
}

Semantic roles & 50–950 ramp

primary
#FD97A0
secondary
#D4F7F4
accent
#E6D100
background
#FFFBFB
surface
#FFF6F6
border
#D7D0D0
text
#181112
muted
#868081

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

معاينة مع #FD97A0

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

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

#FD97A0 — Tintiva