#F4BBC3#F4BBC3

#F4BBC3 لون فاتح جداً ومتوسط التشبّع من عائلة أحمر. الإضاءة النسبية 0.587؛ OKLCH L 84.6% C 0.066 H 9.2°. أفضل لون لنص المتن هو #000000 بتباين 12.74:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#F4BBC3
RGBrgb(244, 187, 195)
HSLhsl(352, 72%, 85%)
HSVhsv(352, 23%, 96%)
CMYKcmyk(0%, 23.4%, 20.1%, 4.3%)
CIE-LABlab(81.14, 21.67, 3.93)
CIE-LCHlch(81.14, 22.02, 10.29°)
OKLaboklab(84.57% 0.0656 0.0106)
OKLCHoklch(84.57% 0.066 9.2)
XYZxyz(64.9294, 58.7167, 59.5325)
Luminance0.5871 (WCAG relative)
Temperaturewarm
Familyred

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#F4BBC3 #BBF4EC
analogous
#F4BBE0 #F4BBC3 #F4D0BB
triadic
#F4BBC3 #C3F4BB #BBC3F4
tetradic
#F4BBC3 #E0F4BB #BBF4EC #D0BBF4
square
#F4BBC3 #E0F4BB #BBF4EC #D0BBF4
split-complementary
#F4BBC3 #BBF4D0 #BBE0F4
monochromatic
#E35266 #EB8695 #F4BBC3 #FBE5E8 #FBE5E8

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

On white

1.65
#F4BBC3 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

12.74
#F4BBC3 on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

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

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

fg \ bg##F4BBC3#FFFFFF#000000##000000
##F4BBC31.001.6512.7412.74
#FFFFFF1.651.0021.0021.00
#00000012.7421.001.001.00
##00000012.7421.001.001.00

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

Protanopia (red-blind)
#C4C3C3
Deuteranopia (green-blind)
#D1CDC2
Tritanopia (blue-blind)
#FFB7BE
Achromatopsia (no color)
#C9C9C9

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

CSS
--color: #f4bbc3;
/* rgb */ color: rgb(244, 187, 195);
/* oklch */ color: oklch(84.6% 0.066 9.2);
Tailwind
colors: {
  custom: {
    50: '#f8cfd5',
    500: '#f4bbc3',
    950: '#000000',
  },
}
SCSS
$custom: #f4bbc3;
$custom-light: #f8cfd5;
$custom-dark: #000000;
JSON
{
  "hex": "#f4bbc3",
  "rgb": {
    "r": 244,
    "g": 187,
    "b": 195
  },
  "hsl": {
    "h": 351.579,
    "s": 72.152,
    "l": 84.51
  },
  "oklch": {
    "l": 0.84565,
    "c": 0.06648,
    "h": 9.2
  },
  "luminance": 0.58714
}

Semantic roles & 50–950 ramp

primary
#F4BBC3
secondary
#7ED5C9
accent
#D4B911
background
#FFFEFE
surface
#FFFBFB
border
#D7D4D4
text
#171414
muted
#858383

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

معاينة مع #F4BBC3

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

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

#F4BBC3 — Tintiva