#D2ED52#D2ED52
#D2ED52 لون فاتح جداً وزاهٍ من عائلة أصفر مخضرّ. الإضاءة النسبية 0.749؛ OKLCH L 89.8% C 0.178 H 118.6°. أفضل لون لنص المتن هو #000000 بتباين 15.98:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #D2ED52 |
|---|---|
| RGB | rgb(210, 237, 82) |
| HSL | hsl(70, 81%, 63%) |
| HSV | hsv(70, 65%, 93%) |
| CMYK | cmyk(11.4%, 0%, 65.4%, 7.1%) |
| CIE-LAB | lab(89.34, -29.00, 69.15) |
| CIE-LCH | lch(89.34, 74.99, 112.75°) |
| OKLab | oklab(89.81% -0.0854 0.1564) |
| OKLCH | oklch(89.81% 0.178 118.6) |
| XYZ | xyz(58.3866, 74.8796, 19.3584) |
| Luminance | 0.7488 (WCAG relative) |
| Temperature | warm |
| Family | yellow-green |
أقرب الألوان المُسمّاة
Sickly Yellow
#D0E429
ΔE00 3.62
Pear
#CBF85F
ΔE00 3.80
Yellowy Green
#BFF128
ΔE00 4.04
Yellow Green
#C8FD3D
ΔE00 4.86
Greeny Yellow
#C6F808
ΔE00 4.93
Lime Yellow
#D0FE1D
ΔE00 5.20
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#D2ED52 #6D52ED
analogous
#EDBB52 #D2ED52 #84ED52
triadic
#D2ED52 #52D2ED #ED52D2
tetradic
#D2ED52 #52EDBB #6D52ED #ED5284
square
#D2ED52 #52EDBB #6D52ED #ED5284
split-complementary
#D2ED52 #5284ED #BB52ED
monochromatic
#96B213 #C4E71B #D2ED52 #E0F389 #EFF9C1
إمكانية الوصول والتباين
On white
1.31
#D2ED52 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
15.98
#D2ED52 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #D2ED52
15.98:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##D2ED52 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##D2ED52 | 1.00 | 1.31 | 15.98 | 15.98 |
| #FFFFFF | 1.31 | 1.00 | 21.00 | 21.00 |
| #000000 | 15.98 | 21.00 | 1.00 | 1.00 |
| ##000000 | 15.98 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#FCE03C
Deuteranopia (green-blind)
#F9E15D
Tritanopia (blue-blind)
#DEE1CE
Achromatopsia (no color)
#E0E0E0
وسوم التصميم والكود
CSS
--color: #d2ed52; /* rgb */ color: rgb(210, 237, 82); /* oklch */ color: oklch(89.8% 0.178 118.6);
Tailwind
colors: {
custom: {
50: '#e3f28a',
500: '#d2ed52',
950: '#000000',
},
}SCSS
$custom: #d2ed52; $custom-light: #e3f28a; $custom-dark: #000000;
JSON
{
"hex": "#d2ed52",
"rgb": {
"r": 210,
"g": 237,
"b": 82
},
"hsl": {
"h": 70.452,
"s": 81.152,
"l": 62.549
},
"oklch": {
"l": 0.89812,
"c": 0.17815,
"h": 118.6
},
"luminance": 0.74879
}Semantic roles & 50–950 ramp
primary
#D2ED52
secondary
#4831B2
accent
#08DE2D
background
#FEFFFC
surface
#FDFEF4
border
#D5D6CE
text
#16170C
muted
#84857F