#FBA585#FBA585
#FBA585 لون فاتح ومتوسط التشبّع من عائلة برتقالي. الإضاءة النسبية 0.491؛ OKLCH L 80.0% C 0.112 H 41.2°. أفضل لون لنص المتن هو #000000 بتباين 10.82:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #FBA585 |
|---|---|
| RGB | rgb(251, 165, 133) |
| HSL | hsl(16, 94%, 75%) |
| HSV | hsv(16, 47%, 98%) |
| CMYK | cmyk(0%, 34.3%, 47%, 1.6%) |
| CIE-LAB | lab(75.52, 28.31, 29.66) |
| CIE-LCH | lch(75.52, 41.00, 46.33°) |
| OKLab | oklab(79.96% 0.084 0.0735) |
| OKLCH | oklch(79.96% 0.112 41.2) |
| XYZ | xyz(57.4755, 49.1176, 28.6393) |
| Luminance | 0.4911 (WCAG relative) |
| Temperature | warm |
| Family | orange |
أقرب الألوان المُسمّاة
Lightsalmon
#FFA07A
ΔE00 2.14
Light Salmon
#FEA993
ΔE00 3.47
Pale Salmon
#FFB19A
ΔE00 3.98
Darksalmon
#E9967A
ΔE00 4.38
Blush (survey)
#F29E8E
ΔE00 5.57
Peachy Pink
#FF9A8A
ΔE00 6.34
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#FBA585 #85DBFB
analogous
#FB85A0 #FBA585 #FBE085
triadic
#FBA585 #85FBA5 #A585FB
tetradic
#FBA585 #A0FB85 #85DBFB #E085FB
square
#FBA585 #A0FB85 #85DBFB #E085FB
split-complementary
#FBA585 #85FBE0 #85A0FB
monochromatic
#F74E0E #F9794A #FBA585 #FDD1C0 #FEE9E1
إمكانية الوصول والتباين
On white
1.94
#FBA585 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
10.82
#FBA585 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #FBA585
10.82:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##FBA585 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##FBA585 | 1.00 | 1.94 | 10.82 | 10.82 |
| #FFFFFF | 1.94 | 1.00 | 21.00 | 21.00 |
| #000000 | 10.82 | 21.00 | 1.00 | 1.00 |
| ##000000 | 10.82 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#BBAF82
Deuteranopia (green-blind)
#CFC184
Tritanopia (blue-blind)
#FF979D
Achromatopsia (no color)
#BABABA
وسوم التصميم والكود
CSS
--color: #fba585; /* rgb */ color: rgb(251, 165, 133); /* oklch */ color: oklch(80.0% 0.112 41.2);
Tailwind
colors: {
custom: {
50: '#ffc0a8',
500: '#fba585',
950: '#000000',
},
}SCSS
$custom: #fba585; $custom-light: #ffc0a8; $custom-dark: #000000;
JSON
{
"hex": "#fba585",
"rgb": {
"r": 251,
"g": 165,
"b": 133
},
"hsl": {
"h": 16.271,
"s": 93.651,
"l": 75.294
},
"oklch": {
"l": 0.79964,
"c": 0.11163,
"h": 41.2
},
"luminance": 0.49113
}Semantic roles & 50–950 ramp
primary
#FBA585
secondary
#D5EDF6
accent
#A7E600
background
#FFFBFA
surface
#FFF7F4
border
#D7D0CE
text
#18120F
muted
#86817F