#FBB1B7#FBB1B7
#FBB1B7 لون فاتح جداً ومتوسط التشبّع من عائلة أحمر. الإضاءة النسبية 0.554؛ OKLCH L 83.2% C 0.087 H 13.8°. أفضل لون لنص المتن هو #000000 بتباين 12.07:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #FBB1B7 |
|---|---|
| RGB | rgb(251, 177, 183) |
| HSL | hsl(355, 90%, 84%) |
| HSV | hsv(355, 29%, 98%) |
| CMYK | cmyk(0%, 29.5%, 27.1%, 1.6%) |
| CIE-LAB | lab(79.26, 27.78, 7.80) |
| CIE-LCH | lch(79.26, 28.85, 15.69°) |
| OKLab | oklab(83.18% 0.0844 0.0207) |
| OKLCH | oklch(83.18% 0.087 13.8) |
| XYZ | xyz(64.0545, 55.3762, 52.1054) |
| Luminance | 0.5537 (WCAG relative) |
| Temperature | warm |
| Family | red |
أقرب الألوان المُسمّاة
Lightpink
#FFB6C1
ΔE00 2.21
Soft Pink
#FDB0C0
ΔE00 3.31
Pale Rose
#FDC1C5
ΔE00 4.07
Pink
#FFC0CB
ΔE00 4.35
Bubblegum
#FFC1CC
ΔE00 4.59
Light Rose
#FFC5CB
ΔE00 5.03
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#FBB1B7 #B1FBF5
analogous
#FBB1DC #FBB1B7 #FBD0B1
triadic
#FBB1B7 #B7FBB1 #B1B7FB
tetradic
#FBB1B7 #DCFBB1 #B1FBF5 #D0B1FB
square
#FBB1B7 #DCFBB1 #B1FBF5 #D0B1FB
split-complementary
#FBB1B7 #B1FBD0 #B1DCFB
monochromatic
#F53D4C #F87781 #FBB1B7 #FEE2E4 #FEE2E4
إمكانية الوصول والتباين
On white
1.74
#FBB1B7 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
12.07
#FBB1B7 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #FBB1B7
12.07:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##FBB1B7 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##FBB1B7 | 1.00 | 1.74 | 12.07 | 12.07 |
| #FFFFFF | 1.74 | 1.00 | 21.00 | 21.00 |
| #000000 | 12.07 | 21.00 | 1.00 | 1.00 |
| ##000000 | 12.07 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#BEBCB7
Deuteranopia (green-blind)
#CFCAB6
Tritanopia (blue-blind)
#FFAAB3
Achromatopsia (no color)
#C4C4C4
وسوم التصميم والكود
CSS
--color: #fbb1b7; /* rgb */ color: rgb(251, 177, 183); /* oklch */ color: oklch(83.2% 0.087 13.8);
Tailwind
colors: {
custom: {
50: '#fec8cc',
500: '#fbb1b7',
950: '#000000',
},
}SCSS
$custom: #fbb1b7; $custom-light: #fec8cc; $custom-dark: #000000;
JSON
{
"hex": "#fbb1b7",
"rgb": {
"r": 251,
"g": 177,
"b": 183
},
"hsl": {
"h": 355.135,
"s": 90.244,
"l": 83.922
},
"oklch": {
"l": 0.8318,
"c": 0.08687,
"h": 13.8
},
"luminance": 0.55372
}Semantic roles & 50–950 ramp
primary
#FBB1B7
secondary
#71DFD6
accent
#E6D300
background
#FFFDFE
surface
#FFF9FA
border
#D7D2D3
text
#181313
muted
#868283