#EDFD93#EDFD93
#EDFD93 لون فاتح جداً وزاهٍ من عائلة أصفر. الإضاءة النسبية 0.904؛ OKLCH L 96.0% C 0.132 H 116.0°. أفضل لون لنص المتن هو #000000 بتباين 19.07:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #EDFD93 |
|---|---|
| RGB | rgb(237, 253, 147) |
| HSL | hsl(69, 96%, 78%) |
| HSV | hsv(69, 42%, 99%) |
| CMYK | cmyk(6.3%, 0%, 41.9%, 0.8%) |
| CIE-LAB | lab(96.15, -20.70, 48.85) |
| CIE-LCH | lch(96.15, 53.05, 112.97°) |
| OKLab | oklab(95.95% -0.0576 0.1183) |
| OKLCH | oklch(95.95% 0.132 116) |
| XYZ | xyz(75.3174, 90.3624, 41.0721) |
| Luminance | 0.9036 (WCAG relative) |
| Temperature | warm |
| Family | yellow |
أقرب الألوان المُسمّاة
Light Khaki
#E6F2A2
ΔE00 4.40
Yellowish Tan
#FCFC81
ΔE00 4.74
Pale Yellow
#FFFF84
ΔE00 4.79
Faded Yellow
#FEFF7F
ΔE00 5.00
Butter
#FFFF81
ΔE00 5.02
Banana (survey)
#FFFF7E
ΔE00 5.27
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#EDFD93 #A393FD
analogous
#FDD893 #EDFD93 #B8FD93
triadic
#EDFD93 #93EDFD #FD93ED
tetradic
#EDFD93 #93FDD8 #A393FD #FD93B8
square
#EDFD93 #93FDD8 #A393FD #FD93B8
split-complementary
#EDFD93 #93B8FD #D893FD
monochromatic
#D9FB1B #E3FC57 #EDFD93 #F7FECF #FAFEE1
إمكانية الوصول والتباين
On white
1.10
#EDFD93 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
19.07
#EDFD93 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #EDFD93
19.07:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##EDFD93 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##EDFD93 | 1.00 | 1.10 | 19.07 | 19.07 |
| #FFFFFF | 1.10 | 1.00 | 21.00 | 21.00 |
| #000000 | 19.07 | 21.00 | 1.00 | 1.00 |
| ##000000 | 19.07 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#FFF38B
Deuteranopia (green-blind)
#FFF598
Tritanopia (blue-blind)
#F8F2E3
Achromatopsia (no color)
#F4F4F4
وسوم التصميم والكود
CSS
--color: #edfd93; /* rgb */ color: rgb(237, 253, 147); /* oklch */ color: oklch(96.0% 0.132 116.0);
Tailwind
colors: {
custom: {
50: '#f4feb4',
500: '#edfd93',
950: '#000000',
},
}SCSS
$custom: #edfd93; $custom-light: #f4feb4; $custom-dark: #000000;
JSON
{
"hex": "#edfd93",
"rgb": {
"r": 237,
"g": 253,
"b": 147
},
"hsl": {
"h": 69.057,
"s": 96.364,
"l": 78.431
},
"oklch": {
"l": 0.95954,
"c": 0.13154,
"h": 116
},
"luminance": 0.90362
}Semantic roles & 50–950 ramp
primary
#EDFD93
secondary
#6B56DE
accent
#00E623
background
#FFFFFD
surface
#FEFFF8
border
#D6D7D1
text
#171711
muted
#858581