#F6EDAB#F6EDAB
#F6EDAB لون فاتح جداً ومتوسط التشبّع من عائلة أصفر. الإضاءة النسبية 0.831؛ OKLCH L 93.8% C 0.084 H 101.3°. أفضل لون لنص المتن هو #000000 بتباين 17.62:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #F6EDAB |
|---|---|
| RGB | rgb(246, 237, 171) |
| HSL | hsl(53, 81%, 82%) |
| HSV | hsv(53, 30%, 96%) |
| CMYK | cmyk(0%, 3.7%, 30.5%, 3.5%) |
| CIE-LAB | lab(93.06, -6.73, 33.14) |
| CIE-LCH | lch(93.06, 33.82, 101.48°) |
| OKLab | oklab(93.78% -0.0165 0.0829) |
| OKLCH | oklch(93.78% 0.084 101.3) |
| XYZ | xyz(75.6415, 83.1031, 50.5760) |
| Luminance | 0.8310 (WCAG relative) |
| Temperature | warm |
| Family | yellow |
أقرب الألوان المُسمّاة
Light Tan
#FBEEAC
ΔE00 1.24
Palegoldenrod
#EEE8AA
ΔE00 1.63
Vanilla
#F3E5AB
ΔE00 2.71
Parchment
#FEFCAF
ΔE00 3.86
Light Beige
#FFFEB6
ΔE00 3.98
Egg Shell
#FFFCC4
ΔE00 4.10
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#F6EDAB #ABB4F6
analogous
#F6C8AB #F6EDAB #DAF6AB
triadic
#F6EDAB #ABF6ED #EDABF6
tetradic
#F6EDAB #ABF6C8 #ABB4F6 #F6ABDA
square
#F6EDAB #ABF6C8 #ABB4F6 #F6ABDA
split-complementary
#F6EDAB #ABDAF6 #C8ABF6
monochromatic
#EAD53C #F0E174 #F6EDAB #FCF9E2 #FCF9E3
إمكانية الوصول والتباين
On white
1.19
#F6EDAB on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
17.62
#F6EDAB on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #F6EDAB
17.62:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##F6EDAB | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##F6EDAB | 1.00 | 1.19 | 17.62 | 17.62 |
| #FFFFFF | 1.19 | 1.00 | 21.00 | 21.00 |
| #000000 | 17.62 | 21.00 | 1.00 | 1.00 |
| ##000000 | 17.62 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#F9E9A7
Deuteranopia (green-blind)
#FCEDAD
Tritanopia (blue-blind)
#FFE4DC
Achromatopsia (no color)
#EBEBEB
وسوم التصميم والكود
CSS
--color: #f6edab; /* rgb */ color: rgb(246, 237, 171); /* oklch */ color: oklch(93.8% 0.084 101.3);
Tailwind
colors: {
custom: {
50: '#faf2c4',
500: '#f6edab',
950: '#000000',
},
}SCSS
$custom: #f6edab; $custom-light: #faf2c4; $custom-dark: #000000;
JSON
{
"hex": "#f6edab",
"rgb": {
"r": 246,
"g": 237,
"b": 171
},
"hsl": {
"h": 52.8,
"s": 80.645,
"l": 81.765
},
"oklch": {
"l": 0.93782,
"c": 0.08449,
"h": 101.3
},
"luminance": 0.83101
}Semantic roles & 50–950 ramp
primary
#F6EDAB
secondary
#6E7BD7
accent
#22DD09
background
#FFFFFD
surface
#FFFEF9
border
#D7D6D2
text
#171612
muted
#858582