#F0BBC4#F0BBC4

#F0BBC4 لون فاتح جداً ومتوسط التشبّع من عائلة أحمر. الإضاءة النسبية 0.581؛ OKLCH L 84.2% C 0.062 H 7.1°. أفضل لون لنص المتن هو #000000 بتباين 12.61:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#F0BBC4
RGBrgb(240, 187, 196)
HSLhsl(350, 64%, 84%)
HSVhsv(350, 22%, 94%)
CMYKcmyk(0%, 22.1%, 18.3%, 5.9%)
CIE-LABlab(80.77, 20.38, 2.81)
CIE-LCHlch(80.77, 20.58, 7.86°)
OKLaboklab(84.2% 0.0616 0.0077)
OKLCHoklch(84.2% 0.062 7.1)
XYZxyz(63.6696, 58.0540, 60.0656)
Luminance0.5805 (WCAG relative)
Temperaturewarm
Familyred

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#F0BBC4 #BBF0E7
analogous
#F0BBDE #F0BBC4 #F0CCBB
triadic
#F0BBC4 #C4F0BB #BBC4F0
tetradic
#F0BBC4 #DEF0BB #BBF0E7 #CCBBF0
square
#F0BBC4 #DEF0BB #BBF0E7 #CCBBF0
split-complementary
#F0BBC4 #BBF0CC #BBDEF0
monochromatic
#DA576D #E58998 #F0BBC4 #F9E6E9 #F9E6E9

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

On white

1.67
#F0BBC4 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

12.61
#F0BBC4 on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

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

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

fg \ bg##F0BBC4#FFFFFF#000000##000000
##F0BBC41.001.6712.6112.61
#FFFFFF1.671.0021.0021.00
#00000012.6121.001.001.00
##00000012.6121.001.001.00

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

Protanopia (red-blind)
#C3C3C4
Deuteranopia (green-blind)
#CFCCC3
Tritanopia (blue-blind)
#FAB7BE
Achromatopsia (no color)
#C8C8C8

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

CSS
--color: #f0bbc4;
/* rgb */ color: rgb(240, 187, 196);
/* oklch */ color: oklch(84.2% 0.062 7.1);
Tailwind
colors: {
  custom: {
    50: '#f5cfd5',
    500: '#f0bbc4',
    950: '#000000',
  },
}
SCSS
$custom: #f0bbc4;
$custom-light: #f5cfd5;
$custom-dark: #000000;
JSON
{
  "hex": "#f0bbc4",
  "rgb": {
    "r": 240,
    "g": 187,
    "b": 196
  },
  "hsl": {
    "h": 349.811,
    "s": 63.855,
    "l": 83.725
  },
  "oklch": {
    "l": 0.842,
    "c": 0.06206,
    "h": 7.1
  },
  "luminance": 0.58051
}

Semantic roles & 50–950 ramp

primary
#F0BBC4
secondary
#81CFC1
accent
#CCAD1A
background
#FFFEFE
surface
#FEFBFB
border
#D6D4D4
text
#171414
muted
#858383

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

معاينة مع #F0BBC4

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

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

#F0BBC4 — Tintiva