#FAC5B6#FAC5B6
#FAC5B6 لون فاتح جداً ومتوسط التشبّع من عائلة أحمر. الإضاءة النسبية 0.636؛ OKLCH L 86.6% C 0.064 H 36.4°. أفضل لون لنص المتن هو #000000 بتباين 13.73:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #FAC5B6 |
|---|---|
| RGB | rgb(250, 197, 182) |
| HSL | hsl(13, 87%, 85%) |
| HSV | hsv(13, 27%, 98%) |
| CMYK | cmyk(0%, 21.2%, 27.2%, 2%) |
| CIE-LAB | lab(83.78, 16.76, 14.74) |
| CIE-LCH | lch(83.78, 22.32, 41.34°) |
| OKLab | oklab(86.65% 0.0519 0.0382) |
| OKLCH | oklch(86.65% 0.064 36.4) |
| XYZ | xyz(67.8352, 63.6370, 52.9569) |
| Luminance | 0.6363 (WCAG relative) |
| Temperature | warm |
| Family | red |
أقرب الألوان المُسمّاة
Pale Salmon
#FFB19A
ΔE00 6.37
Apricot
#FBCEB1
ΔE00 6.74
Pale Rose
#FDC1C5
ΔE00 7.72
Light Salmon
#FEA993
ΔE00 8.10
Light Rose
#FFC5CB
ΔE00 8.37
Mistyrose
#FFE4E1
ΔE00 9.86
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#FAC5B6 #B6EBFA
analogous
#FAB6C9 #FAC5B6 #FAE7B6
triadic
#FAC5B6 #B6FAC5 #C5B6FA
tetradic
#FAC5B6 #C9FAB6 #B6EBFA #E7B6FA
square
#FAC5B6 #C9FAB6 #B6EBFA #E7B6FA
split-complementary
#FAC5B6 #B6FAE7 #B6C9FA
monochromatic
#F26A43 #F6977D #FAC5B6 #FDE8E2 #FDE8E2
إمكانية الوصول والتباين
On white
1.53
#FAC5B6 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
13.73
#FAC5B6 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #FAC5B6
13.73:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##FAC5B6 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##FAC5B6 | 1.00 | 1.53 | 13.73 | 13.73 |
| #FFFFFF | 1.53 | 1.00 | 21.00 | 21.00 |
| #000000 | 13.73 | 21.00 | 1.00 | 1.00 |
| ##000000 | 13.73 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#D1CBB5
Deuteranopia (green-blind)
#DDD5B6
Tritanopia (blue-blind)
#FFBEC1
Achromatopsia (no color)
#D1D1D1
وسوم التصميم والكود
CSS
--color: #fac5b6; /* rgb */ color: rgb(250, 197, 182); /* oklch */ color: oklch(86.6% 0.064 36.4);
Tailwind
colors: {
custom: {
50: '#fdd6cb',
500: '#fac5b6',
950: '#000000',
},
}SCSS
$custom: #fac5b6; $custom-light: #fdd6cb; $custom-dark: #000000;
JSON
{
"hex": "#fac5b6",
"rgb": {
"r": 250,
"g": 197,
"b": 182
},
"hsl": {
"h": 13.235,
"s": 87.179,
"l": 84.706
},
"oklch": {
"l": 0.86648,
"c": 0.06442,
"h": 36.4
},
"luminance": 0.63634
}Semantic roles & 50–950 ramp
primary
#FAC5B6
secondary
#76C7DE
accent
#B2E402
background
#FFFEFE
surface
#FFFBFA
border
#D7D4D3
text
#181413
muted
#868383