#F2B4BC#F2B4BC

#F2B4BC لون فاتح جداً ومتوسط التشبّع من عائلة أحمر. الإضاءة النسبية 0.552؛ OKLCH L 82.9% C 0.073 H 10.2°. أفضل لون لنص المتن هو #000000 بتباين 12.03:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#F2B4BC
RGBrgb(242, 180, 188)
HSLhsl(352, 70%, 83%)
HSVhsv(352, 26%, 95%)
CMYKcmyk(0%, 25.6%, 22.3%, 5.1%)
CIE-LABlab(79.13, 23.63, 4.79)
CIE-LCHlch(79.13, 24.11, 11.45°)
OKLaboklab(82.91% 0.0716 0.0129)
OKLCHoklch(82.91% 0.073 10.2)
XYZxyz(62.0171, 55.1536, 54.9463)
Luminance0.5515 (WCAG relative)
Temperaturewarm
Familyred

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#F2B4BC #B4F2EA
analogous
#F2B4DB #F2B4BC #F2CBB4
triadic
#F2B4BC #BCF2B4 #B4BCF2
tetradic
#F2B4BC #DBF2B4 #B4F2EA #CBB4F2
square
#F2B4BC #DBF2B4 #B4F2EA #CBB4F2
split-complementary
#F2B4BC #B4F2CB #B4DBF2
monochromatic
#E04C5F #E9808D #F2B4BC #FAE5E8 #FAE5E8

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

On white

1.75
#F2B4BC on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

12.03
#F2B4BC on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

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

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

fg \ bg##F2B4BC#FFFFFF#000000##000000
##F2B4BC1.001.7512.0312.03
#FFFFFF1.751.0021.0021.00
#00000012.0321.001.001.00
##00000012.0321.001.001.00

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

Protanopia (red-blind)
#BEBDBC
Deuteranopia (green-blind)
#CCC8BB
Tritanopia (blue-blind)
#FEAFB7
Achromatopsia (no color)
#C4C4C4

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

CSS
--color: #f2b4bc;
/* rgb */ color: rgb(242, 180, 188);
/* oklch */ color: oklch(82.9% 0.073 10.2);
Tailwind
colors: {
  custom: {
    50: '#f7cad0',
    500: '#f2b4bc',
    950: '#000000',
  },
}
SCSS
$custom: #f2b4bc;
$custom-light: #f7cad0;
$custom-dark: #000000;
JSON
{
  "hex": "#f2b4bc",
  "rgb": {
    "r": 242,
    "g": 180,
    "b": 188
  },
  "hsl": {
    "h": 352.258,
    "s": 70.455,
    "l": 82.745
  },
  "oklch": {
    "l": 0.82911,
    "c": 0.07279,
    "h": 10.2
  },
  "luminance": 0.55151
}

Semantic roles & 50–950 ramp

primary
#F2B4BC
secondary
#79D1C6
accent
#D2BA13
background
#FFFDFE
surface
#FFF9FB
border
#D7D2D4
text
#171313
muted
#858283

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

معاينة مع #F2B4BC

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

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

#F2B4BC — Tintiva