#F3D299#F3D299
#F3D299 لون فاتح جداً ومتوسط التشبّع من عائلة برتقالي. الإضاءة النسبية 0.674؛ OKLCH L 87.8% C 0.082 H 80.9°. أفضل لون لنص المتن هو #000000 بتباين 14.49:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #F3D299 |
|---|---|
| RGB | rgb(243, 210, 153) |
| HSL | hsl(38, 79%, 78%) |
| HSV | hsv(38, 37%, 95%) |
| CMYK | cmyk(0%, 13.6%, 37%, 4.7%) |
| CIE-LAB | lab(85.73, 3.73, 32.53) |
| CIE-LCH | lch(85.73, 32.75, 83.46°) |
| OKLab | oklab(87.84% 0.0129 0.081) |
| OKLCH | oklch(87.84% 0.082 80.9) |
| XYZ | xyz(65.7600, 67.4504, 39.6862) |
| Luminance | 0.6745 (WCAG relative) |
| Temperature | warm |
| Family | orange |
أقرب الألوان المُسمّاة
Navajowhite
#FFDEAD
ΔE00 3.47
Pale Peach
#FFE5AD
ΔE00 4.51
Wheat
#F5DEB3
ΔE00 4.64
Moccasin
#FFE4B5
ΔE00 4.69
Light Peach
#FFD8B1
ΔE00 6.21
Beige (survey)
#E6DAA6
ΔE00 6.66
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#F3D299 #99BAF3
analogous
#F3A599 #F3D299 #E7F399
triadic
#F3D299 #99F3D2 #D299F3
tetradic
#F3D299 #99F3A5 #99BAF3 #F399E7
square
#F3D299 #99F3A5 #99BAF3 #F399E7
split-complementary
#F3D299 #99E7F3 #A599F3
monochromatic
#E6A22B #EDBA62 #F3D299 #F9EAD0 #FCF3E4
إمكانية الوصول والتباين
On white
1.45
#F3D299 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
14.49
#F3D299 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #F3D299
14.49:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##F3D299 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##F3D299 | 1.00 | 1.45 | 14.49 | 14.49 |
| #FFFFFF | 1.45 | 1.00 | 21.00 | 21.00 |
| #000000 | 14.49 | 21.00 | 1.00 | 1.00 |
| ##000000 | 14.49 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#E1D195
Deuteranopia (green-blind)
#E9DA9B
Tritanopia (blue-blind)
#FFC8C3
Achromatopsia (no color)
#D6D6D6
وسوم التصميم والكود
CSS
--color: #f3d299; /* rgb */ color: rgb(243, 210, 153); /* oklch */ color: oklch(87.8% 0.082 80.9);
Tailwind
colors: {
custom: {
50: '#f8dfb7',
500: '#f3d299',
950: '#000000',
},
}SCSS
$custom: #f3d299; $custom-light: #f8dfb7; $custom-dark: #000000;
JSON
{
"hex": "#f3d299",
"rgb": {
"r": 243,
"g": 210,
"b": 153
},
"hsl": {
"h": 38,
"s": 78.947,
"l": 77.647
},
"oklch": {
"l": 0.87844,
"c": 0.08198,
"h": 80.9
},
"luminance": 0.67448
}Semantic roles & 50–950 ramp
primary
#F3D299
secondary
#5F89D1
accent
#57DB0A
background
#FFFEFD
surface
#FFFCF8
border
#D7D5D1
text
#171511
muted
#858481