#FBF4BA#FBF4BA
#FBF4BA لون فاتح جداً ومتوسط التشبّع من عائلة أصفر. الإضاءة النسبية 0.888؛ OKLCH L 95.9% C 0.075 H 101.9°. أفضل لون لنص المتن هو #000000 بتباين 18.75:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #FBF4BA |
|---|---|
| RGB | rgb(251, 244, 186) |
| HSL | hsl(54, 89%, 86%) |
| HSV | hsv(54, 26%, 98%) |
| CMYK | cmyk(0%, 2.8%, 25.9%, 1.6%) |
| CIE-LAB | lab(95.48, -6.47, 28.87) |
| CIE-LCH | lch(95.48, 29.58, 102.64°) |
| OKLab | oklab(95.88% -0.0154 0.0729) |
| OKLCH | oklch(95.88% 0.075 101.9) |
| XYZ | xyz(80.9975, 88.7572, 59.3099) |
| Luminance | 0.8876 (WCAG relative) |
| Temperature | warm |
| Family | yellow |
أقرب الألوان المُسمّاة
Egg Shell
#FFFCC4
ΔE00 1.99
Light Tan
#FBEEAC
ΔE00 2.64
Palegoldenrod
#EEE8AA
ΔE00 2.82
Cream (survey)
#FFFFC2
ΔE00 2.87
Ivory (survey)
#FFFFCB
ΔE00 3.26
Ecru
#FEFFCA
ΔE00 3.35
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#FBF4BA #BAC1FB
analogous
#FBD3BA #FBF4BA #E1FBBA
triadic
#FBF4BA #BAFBF4 #F4BAFB
tetradic
#FBF4BA #BAFBD3 #BAC1FB #FBBAE1
square
#FBF4BA #BAFBD3 #BAC1FB #FBBAE1
split-complementary
#FBF4BA #BAE1FB #D3BAFB
monochromatic
#F4E246 #F8EB80 #FBF4BA #FDFAE2 #FDFAE2
إمكانية الوصول والتباين
On white
1.12
#FBF4BA on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
18.75
#FBF4BA on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #FBF4BA
18.75:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##FBF4BA | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##FBF4BA | 1.00 | 1.12 | 18.75 | 18.75 |
| #FFFFFF | 1.12 | 1.00 | 21.00 | 21.00 |
| #000000 | 18.75 | 21.00 | 1.00 | 1.00 |
| ##000000 | 18.75 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#FFF0B6
Deuteranopia (green-blind)
#FFF4BC
Tritanopia (blue-blind)
#FFECE4
Achromatopsia (no color)
#F2F2F2
وسوم التصميم والكود
CSS
--color: #fbf4ba; /* rgb */ color: rgb(251, 244, 186); /* oklch */ color: oklch(95.9% 0.075 101.9);
Tailwind
colors: {
custom: {
50: '#fdf7cf',
500: '#fbf4ba',
950: '#000000',
},
}SCSS
$custom: #fbf4ba; $custom-light: #fdf7cf; $custom-dark: #000000;
JSON
{
"hex": "#fbf4ba",
"rgb": {
"r": 251,
"g": 244,
"b": 186
},
"hsl": {
"h": 53.538,
"s": 89.041,
"l": 85.686
},
"oklch": {
"l": 0.95875,
"c": 0.07452,
"h": 101.9
},
"luminance": 0.88756
}Semantic roles & 50–950 ramp
primary
#FBF4BA
secondary
#7984E0
accent
#19E600
background
#FFFFFE
surface
#FFFEFB
border
#D7D6D4
text
#181713
muted
#868583