#FAD686#FAD686
#FAD686 لون فاتح جداً ومتوسط التشبّع من عائلة برتقالي. الإضاءة النسبية 0.701؛ OKLCH L 88.9% C 0.107 H 86.1°. أفضل لون لنص المتن هو #000000 بتباين 15.03:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #FAD686 |
|---|---|
| RGB | rgb(250, 214, 134) |
| HSL | hsl(41, 92%, 75%) |
| HSV | hsv(41, 46%, 98%) |
| CMYK | cmyk(0%, 14.4%, 46.4%, 2%) |
| CIE-LAB | lab(87.07, 2.45, 44.01) |
| CIE-LCH | lch(87.07, 44.08, 86.81°) |
| OKLab | oklab(88.95% 0.0073 0.1065) |
| OKLCH | oklch(88.95% 0.107 86.1) |
| XYZ | xyz(67.7763, 70.1415, 32.5183) |
| Luminance | 0.7014 (WCAG relative) |
| Temperature | warm |
| Family | orange |
أقرب الألوان المُسمّاة
Wheat (survey)
#FBDD7E
ΔE00 3.56
Sandy
#F1DA7A
ΔE00 4.99
Sand (survey)
#E2CA76
ΔE00 5.01
Light Mustard
#F7D560
ΔE00 5.69
Pale Gold
#FDDE6C
ΔE00 5.77
Pale Peach
#FFE5AD
ΔE00 5.89
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#FAD686 #86AAFA
analogous
#FA9C86 #FAD686 #E4FA86
triadic
#FAD686 #86FAD6 #D686FA
tetradic
#FAD686 #86FA9C #86AAFA #FA86E4
square
#FAD686 #86FA9C #86AAFA #FA86E4
split-complementary
#FAD686 #86E4FA #9C86FA
monochromatic
#F5AE10 #F8C24B #FAD686 #FCEAC1 #FEF5E2
إمكانية الوصول والتباين
On white
1.40
#FAD686 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
15.03
#FAD686 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #FAD686
15.03:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##FAD686 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##FAD686 | 1.00 | 1.40 | 15.03 | 15.03 |
| #FFFFFF | 1.40 | 1.00 | 21.00 | 21.00 |
| #000000 | 15.03 | 21.00 | 1.00 | 1.00 |
| ##000000 | 15.03 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#E8D480
Deuteranopia (green-blind)
#F1DE89
Tritanopia (blue-blind)
#FFC9C2
Achromatopsia (no color)
#DADADA
وسوم التصميم والكود
CSS
--color: #fad686; /* rgb */ color: rgb(250, 214, 134); /* oklch */ color: oklch(88.9% 0.107 86.1);
Tailwind
colors: {
custom: {
50: '#fee2aa',
500: '#fad686',
950: '#000000',
},
}SCSS
$custom: #fad686; $custom-light: #fee2aa; $custom-dark: #000000;
JSON
{
"hex": "#fad686",
"rgb": {
"r": 250,
"g": 214,
"b": 134
},
"hsl": {
"h": 41.379,
"s": 92.063,
"l": 75.294
},
"oklch": {
"l": 0.88948,
"c": 0.10675,
"h": 86.1
},
"luminance": 0.70138
}Semantic roles & 50–950 ramp
primary
#FAD686
secondary
#4C77D8
accent
#47E600
background
#FFFEFD
surface
#FFFCF7
border
#D7D5D0
text
#181510
muted
#868481