#FCBEB0#FCBEB0
#FCBEB0 لون فاتح جداً ومتوسط التشبّع من عائلة أحمر. الإضاءة النسبية 0.607؛ OKLCH L 85.4% C 0.075 H 33.0°. أفضل لون لنص المتن هو #000000 بتباين 13.13:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #FCBEB0 |
|---|---|
| RGB | rgb(252, 190, 176) |
| HSL | hsl(11, 93%, 84%) |
| HSV | hsv(11, 30%, 99%) |
| CMYK | cmyk(0%, 24.6%, 30.2%, 1.2%) |
| CIE-LAB | lab(82.20, 20.39, 15.75) |
| CIE-LCH | lch(82.20, 25.76, 37.68°) |
| OKLab | oklab(85.42% 0.0626 0.0407) |
| OKLCH | oklch(85.42% 0.075 33) |
| XYZ | xyz(66.3964, 60.6605, 49.2773) |
| Luminance | 0.6066 (WCAG relative) |
| Temperature | warm |
| Family | red |
أقرب الألوان المُسمّاة
Pale Salmon
#FFB19A
ΔE00 4.68
Light Salmon
#FEA993
ΔE00 6.16
Pale Rose
#FDC1C5
ΔE00 6.96
Light Rose
#FFC5CB
ΔE00 7.89
Blush (survey)
#F29E8E
ΔE00 7.91
Apricot
#FBCEB1
ΔE00 8.67
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#FCBEB0 #B0EEFC
analogous
#FCB0C8 #FCBEB0 #FCE4B0
triadic
#FCBEB0 #B0FCBE #BEB0FC
tetradic
#FCBEB0 #C8FCB0 #B0EEFC #E4B0FC
square
#FCBEB0 #C8FCB0 #B0EEFC #E4B0FC
split-complementary
#FCBEB0 #B0FCE4 #B0C8FC
monochromatic
#F85D3A #FA8D75 #FCBEB0 #FEE7E2 #FEE7E2
إمكانية الوصول والتباين
On white
1.60
#FCBEB0 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
13.13
#FCBEB0 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #FCBEB0
13.13:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##FCBEB0 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##FCBEB0 | 1.00 | 1.60 | 13.13 | 13.13 |
| #FFFFFF | 1.60 | 1.00 | 21.00 | 21.00 |
| #000000 | 13.13 | 21.00 | 1.00 | 1.00 |
| ##000000 | 13.13 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#CCC5AF
Deuteranopia (green-blind)
#DAD1AF
Tritanopia (blue-blind)
#FFB6BA
Achromatopsia (no color)
#CCCCCC
وسوم التصميم والكود
CSS
--color: #fcbeb0; /* rgb */ color: rgb(252, 190, 176); /* oklch */ color: oklch(85.4% 0.075 33.0);
Tailwind
colors: {
custom: {
50: '#fed1c7',
500: '#fcbeb0',
950: '#000000',
},
}SCSS
$custom: #fcbeb0; $custom-light: #fed1c7; $custom-dark: #000000;
JSON
{
"hex": "#fcbeb0",
"rgb": {
"r": 252,
"g": 190,
"b": 176
},
"hsl": {
"h": 11.053,
"s": 92.683,
"l": 83.922
},
"oklch": {
"l": 0.85423,
"c": 0.07464,
"h": 33
},
"luminance": 0.60657
}Semantic roles & 50–950 ramp
primary
#FCBEB0
secondary
#70CCE0
accent
#BBE600
background
#FFFEFD
surface
#FFFBF9
border
#D7D4D2
text
#181413
muted
#868382