#EADD81#EADD81
#EADD81 لون فاتح جداً ومتوسط التشبّع من عائلة أصفر. الإضاءة النسبية 0.708؛ OKLCH L 88.8% C 0.114 H 101.3°. أفضل لون لنص المتن هو #000000 بتباين 15.16:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #EADD81 |
|---|---|
| RGB | rgb(234, 221, 129) |
| HSL | hsl(53, 71%, 71%) |
| HSV | hsv(53, 45%, 92%) |
| CMYK | cmyk(0%, 5.6%, 44.9%, 8.2%) |
| CIE-LAB | lab(87.38, -7.94, 46.58) |
| CIE-LCH | lch(87.38, 47.25, 99.68°) |
| OKLab | oklab(88.85% -0.0224 0.1121) |
| OKLCH | oklch(88.85% 0.114 101.3) |
| XYZ | xyz(63.7521, 70.7923, 31.0707) |
| Luminance | 0.7079 (WCAG relative) |
| Temperature | warm |
| Family | yellow |
أقرب الألوان المُسمّاة
Khaki (CSS)
#F0E68C
ΔE00 2.11
Sandy
#F1DA7A
ΔE00 2.83
Wheat (survey)
#FBDD7E
ΔE00 4.76
Dark Cream
#FFF39A
ΔE00 4.81
Dull Yellow
#EEDC5B
ΔE00 5.00
Sand (survey)
#E2CA76
ΔE00 5.24
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#EADD81 #818EEA
analogous
#EAA881 #EADD81 #C2EA81
triadic
#EADD81 #81EADD #DD81EA
tetradic
#EADD81 #81EAA8 #818EEA #EA81C2
square
#EADD81 #81EAA8 #818EEA #EA81C2
split-complementary
#EADD81 #81C2EA #A881EA
monochromatic
#CEB922 #E1CF4D #EADD81 #F3EBB5 #FBF8E5
إمكانية الوصول والتباين
On white
1.39
#EADD81 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
15.16
#EADD81 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #EADD81
15.16:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##EADD81 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##EADD81 | 1.00 | 1.39 | 15.16 | 15.16 |
| #FFFFFF | 1.39 | 1.00 | 21.00 | 21.00 |
| #000000 | 15.16 | 21.00 | 1.00 | 1.00 |
| ##000000 | 15.16 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#ECD87A
Deuteranopia (green-blind)
#F0DE85
Tritanopia (blue-blind)
#F8D1C7
Achromatopsia (no color)
#DBDBDB
وسوم التصميم والكود
CSS
--color: #eadd81; /* rgb */ color: rgb(234, 221, 129); /* oklch */ color: oklch(88.8% 0.114 101.3);
Tailwind
colors: {
custom: {
50: '#f2e7a7',
500: '#eadd81',
950: '#000000',
},
}SCSS
$custom: #eadd81; $custom-light: #f2e7a7; $custom-dark: #000000;
JSON
{
"hex": "#eadd81",
"rgb": {
"r": 234,
"g": 221,
"b": 129
},
"hsl": {
"h": 52.571,
"s": 71.429,
"l": 71.176
},
"oklch": {
"l": 0.88849,
"c": 0.11435,
"h": 101.3
},
"luminance": 0.7079
}Semantic roles & 50–950 ramp
primary
#EADD81
secondary
#4C5BC3
accent
#2AD312
background
#FFFEFC
surface
#FEFCF6
border
#D6D5D0
text
#171610
muted
#858480