#F56574#F56574

#F56574 لون فاتح وزاهٍ من عائلة أحمر. الإضاءة النسبية 0.300؛ OKLCH L 69.1% C 0.177 H 16.7°. أفضل لون لنص المتن هو #000000 بتباين 7.00:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#F56574
RGBrgb(245, 101, 116)
HSLhsl(354, 88%, 68%)
HSVhsv(354, 59%, 96%)
CMYKcmyk(0%, 58.8%, 52.7%, 3.9%)
CIE-LABlab(61.64, 56.37, 20.34)
CIE-LCHlch(61.64, 59.93, 19.84°)
OKLaboklab(69.12% 0.1693 0.0509)
OKLCHoklch(69.12% 0.177 16.7)
XYZxyz(45.4660, 29.9864, 19.9133)
Luminance0.2998 (WCAG relative)
Temperaturewarm
Familyred

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#F56574 #65F5E6
analogous
#F565BC #F56574 #F59E65
triadic
#F56574 #74F565 #6574F5
tetradic
#F56574 #BCF565 #65F5E6 #9E65F5
square
#F56574 #BCF565 #65F5E6 #9E65F5
split-complementary
#F56574 #65F59E #65BCF5
monochromatic
#D20E22 #F12C40 #F56574 #F99EA8 #FCD8DC

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

On white

3.00
#F56574 on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

7.00
#F56574 on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

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

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

fg \ bg##F56574#FFFFFF#000000##000000
##F565741.003.007.007.00
#FFFFFF3.001.0021.0021.00
#0000007.0021.001.001.00
##0000007.0021.001.001.00

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

Protanopia (red-blind)
#868274
Deuteranopia (green-blind)
#ABA071
Tritanopia (blue-blind)
#FF4E6B
Achromatopsia (no color)
#959595

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

CSS
--color: #f56574;
/* rgb */ color: rgb(245, 101, 116);
/* oklch */ color: oklch(69.1% 0.177 16.7);
Tailwind
colors: {
  custom: {
    50: '#fe969b',
    500: '#f56574',
    950: '#000000',
  },
}
SCSS
$custom: #f56574;
$custom-light: #fe969b;
$custom-dark: #000000;
JSON
{
  "hex": "#f56574",
  "rgb": {
    "r": 245,
    "g": 101,
    "b": 116
  },
  "hsl": {
    "h": 353.75,
    "s": 87.805,
    "l": 67.843
  },
  "oklch": {
    "l": 0.69117,
    "c": 0.17675,
    "h": 16.7
  },
  "luminance": 0.29981
}

Semantic roles & 50–950 ramp

primary
#F56574
secondary
#C5F1EC
accent
#E4CD01
background
#FFF9F9
surface
#FFF2F2
border
#D7CCCC
text
#190E0E
muted
#877E7E

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

معاينة مع #F56574

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

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

#F56574 — Tintiva