#FADA90#FADA90
#FADA90 لون فاتح جداً ومتوسط التشبّع من عائلة برتقالي. الإضاءة النسبية 0.725؛ OKLCH L 89.9% C 0.099 H 87.0°. أفضل لون لنص المتن هو #000000 بتباين 15.50:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #FADA90 |
|---|---|
| RGB | rgb(250, 218, 144) |
| HSL | hsl(42, 91%, 77%) |
| HSV | hsv(42, 42%, 98%) |
| CMYK | cmyk(0%, 12.8%, 42.4%, 2%) |
| CIE-LAB | lab(88.20, 1.38, 40.46) |
| CIE-LCH | lch(88.20, 40.48, 88.04°) |
| OKLab | oklab(89.89% 0.0051 0.099) |
| OKLCH | oklch(89.89% 0.099 87) |
| XYZ | xyz(69.5318, 72.4833, 36.7083) |
| Luminance | 0.7248 (WCAG relative) |
| Temperature | warm |
| Family | orange |
أقرب الألوان المُسمّاة
Wheat (survey)
#FBDD7E
ΔE00 3.77
Pale Peach
#FFE5AD
ΔE00 4.42
Sandy
#F1DA7A
ΔE00 4.96
Sand (survey)
#E2CA76
ΔE00 5.31
Navajowhite
#FFDEAD
ΔE00 5.82
Vanilla
#F3E5AB
ΔE00 6.04
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#FADA90 #90B0FA
analogous
#FAA590 #FADA90 #E5FA90
triadic
#FADA90 #90FADA #DA90FA
tetradic
#FADA90 #90FAA5 #90B0FA #FA90E5
square
#FADA90 #90FAA5 #90B0FA #FA90E5
split-complementary
#FADA90 #90E5FA #A590FA
monochromatic
#F5B31B #F7C655 #FADA90 #FDEECB #FEF5E2
إمكانية الوصول والتباين
On white
1.36
#FADA90 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
15.50
#FADA90 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #FADA90
15.50:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##FADA90 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##FADA90 | 1.00 | 1.36 | 15.50 | 15.50 |
| #FFFFFF | 1.36 | 1.00 | 21.00 | 21.00 |
| #000000 | 15.50 | 21.00 | 1.00 | 1.00 |
| ##000000 | 15.50 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#EAD88A
Deuteranopia (green-blind)
#F2E192
Tritanopia (blue-blind)
#FFCEC7
Achromatopsia (no color)
#DDDDDD
وسوم التصميم والكود
CSS
--color: #fada90; /* rgb */ color: rgb(250, 218, 144); /* oklch */ color: oklch(89.9% 0.099 87.0);
Tailwind
colors: {
custom: {
50: '#fee5b1',
500: '#fada90',
950: '#000000',
},
}SCSS
$custom: #fada90; $custom-light: #fee5b1; $custom-dark: #000000;
JSON
{
"hex": "#fada90",
"rgb": {
"r": 250,
"g": 218,
"b": 144
},
"hsl": {
"h": 41.887,
"s": 91.379,
"l": 77.255
},
"oklch": {
"l": 0.89887,
"c": 0.09909,
"h": 87
},
"luminance": 0.7248
}Semantic roles & 50–950 ramp
primary
#FADA90
secondary
#557DDA
accent
#45E600
background
#FFFEFD
surface
#FFFCF7
border
#D7D5D0
text
#181511
muted
#868481