#F1DBBE#F1DBBE
#F1DBBE لون فاتح جداً وخافت من عائلة برتقالي. الإضاءة النسبية 0.731؛ OKLCH L 90.2% C 0.045 H 74.7°. أفضل لون لنص المتن هو #000000 بتباين 15.62:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #F1DBBE |
|---|---|
| RGB | rgb(241, 219, 190) |
| HSL | hsl(34, 65%, 85%) |
| HSV | hsv(34, 21%, 95%) |
| CMYK | cmyk(0%, 9.1%, 21.2%, 5.5%) |
| CIE-LAB | lab(88.49, 3.09, 17.03) |
| CIE-LCH | lch(88.49, 17.31, 79.73°) |
| OKLab | oklab(90.2% 0.012 0.0439) |
| OKLCH | oklch(90.2% 0.046 74.7) |
| XYZ | xyz(70.9015, 73.0833, 59.0768) |
| Luminance | 0.7308 (WCAG relative) |
| Temperature | warm |
| Family | orange |
أقرب الألوان المُسمّاة
Bisque
#FFE4C4
ΔE00 2.76
Champagne
#F7E7CE
ΔE00 3.40
Blanchedalmond
#FFEBCD
ΔE00 3.55
Warm Beige
#E9DCC9
ΔE00 4.08
Wheat
#F5DEB3
ΔE00 4.29
Papayawhip
#FFEFD5
ΔE00 4.75
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#F1DBBE #BED4F1
analogous
#F1C2BE #F1DBBE #EDF1BE
triadic
#F1DBBE #BEF1DB #DBBEF1
tetradic
#F1DBBE #BEF1C2 #BED4F1 #F1BEED
square
#F1DBBE #BEF1C2 #BED4F1 #F1BEED
split-complementary
#F1DBBE #BEEDF1 #C2BEF1
monochromatic
#DBA359 #E6BF8C #F1DBBE #FAF1E6 #FAF1E6
إمكانية الوصول والتباين
On white
1.34
#F1DBBE on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
15.62
#F1DBBE on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #F1DBBE
15.62:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##F1DBBE | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##F1DBBE | 1.00 | 1.34 | 15.62 | 15.62 |
| #FFFFFF | 1.34 | 1.00 | 21.00 | 21.00 |
| #000000 | 15.62 | 21.00 | 1.00 | 1.00 |
| ##000000 | 15.62 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#E4DBBC
Deuteranopia (green-blind)
#E9E0BF
Tritanopia (blue-blind)
#FAD5D3
Achromatopsia (no color)
#DEDEDE
وسوم التصميم والكود
CSS
--color: #f1dbbe; /* rgb */ color: rgb(241, 219, 190); /* oklch */ color: oklch(90.2% 0.045 74.7);
Tailwind
colors: {
custom: {
50: '#f6e6d1',
500: '#f1dbbe',
950: '#000000',
},
}SCSS
$custom: #f1dbbe; $custom-light: #f6e6d1; $custom-dark: #000000;
JSON
{
"hex": "#f1dbbe",
"rgb": {
"r": 241,
"g": 219,
"b": 190
},
"hsl": {
"h": 34.118,
"s": 64.557,
"l": 84.51
},
"oklch": {
"l": 0.90196,
"c": 0.0455,
"h": 74.7
},
"luminance": 0.73082
}Semantic roles & 50–950 ramp
primary
#F1DBBE
secondary
#83A4D0
accent
#66CC19
background
#FFFEFE
surface
#FEFCFB
border
#D6D5D4
text
#171514
muted
#858483