#F2575A#F2575A

#F2575A لون فاتح وزاهٍ من عائلة أحمر. الإضاءة النسبية 0.264؛ OKLCH L 66.5% C 0.191 H 22.8°. أفضل لون لنص المتن هو #000000 بتباين 6.29:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#F2575A
RGBrgb(242, 87, 90)
HSLhsl(359, 86%, 65%)
HSVhsv(359, 64%, 95%)
CMYKcmyk(0%, 64%, 62.8%, 5.1%)
CIE-LABlab(58.45, 59.56, 30.98)
CIE-LCHlch(58.45, 67.13, 27.48°)
OKLaboklab(66.48% 0.1756 0.0739)
OKLCHoklch(66.48% 0.191 22.8)
XYZxyz(41.8757, 26.4376, 12.5688)
Luminance0.2643 (WCAG relative)
Temperaturewarm
Familyred

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#F2575A #57F2EF
analogous
#F257A7 #F2575A #F2A257
triadic
#F2575A #5AF257 #575AF2
tetradic
#F2575A #A7F257 #57F2EF #A257F2
square
#F2575A #A7F257 #57F2EF #A257F2
split-complementary
#F2575A #57F2A2 #57A7F2
monochromatic
#C00F12 #EE1E22 #F2575A #F69092 #FBC9CA

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

On white

3.34
#F2575A on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

6.29
#F2575A on #000000
AA ✓AA large ✓AAA ✗

أفضل لون للنص

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

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

fg \ bg##F2575A#FFFFFF#000000##000000
##F2575A1.003.346.296.29
#FFFFFF3.341.0021.0021.00
#0000006.2921.001.001.00
##0000006.2921.001.001.00

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

Protanopia (red-blind)
#807859
Deuteranopia (green-blind)
#A79956
Tritanopia (blue-blind)
#FF345A
Achromatopsia (no color)
#8D8D8D

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

CSS
--color: #f2575a;
/* rgb */ color: rgb(242, 87, 90);
/* oklch */ color: oklch(66.5% 0.191 22.8);
Tailwind
colors: {
  custom: {
    50: '#fe8e88',
    500: '#f2575a',
    950: '#000000',
  },
}
SCSS
$custom: #f2575a;
$custom-light: #fe8e88;
$custom-dark: #000000;
JSON
{
  "hex": "#f2575a",
  "rgb": {
    "r": 242,
    "g": 87,
    "b": 90
  },
  "hsl": {
    "h": 358.839,
    "s": 85.635,
    "l": 64.51
  },
  "oklch": {
    "l": 0.66477,
    "c": 0.1905,
    "h": 22.8
  },
  "luminance": 0.26432
}

Semantic roles & 50–950 ramp

primary
#F2575A
secondary
#B8EDEC
accent
#E2DE03
background
#FFF9F8
surface
#FFF1F0
border
#D7CBCB
text
#190D0B
muted
#877E7C

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

معاينة مع #F2575A

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

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

#F2575A — Tintiva