#D2F256#D2F256
#D2F256 لون فاتح جداً وزاهٍ من عائلة أصفر مخضرّ. الإضاءة النسبية 0.779؛ OKLCH L 90.9% C 0.181 H 120.1°. أفضل لون لنص المتن هو #000000 بتباين 16.58:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #D2F256 |
|---|---|
| RGB | rgb(210, 242, 86) |
| HSL | hsl(72, 86%, 64%) |
| HSV | hsv(72, 64%, 95%) |
| CMYK | cmyk(13.2%, 0%, 64.5%, 5.1%) |
| CIE-LAB | lab(90.72, -31.07, 69.06) |
| CIE-LCH | lch(90.72, 75.73, 114.23°) |
| OKLab | oklab(90.94% -0.0908 0.1567) |
| OKLCH | oklch(90.94% 0.181 120.1) |
| XYZ | xyz(60.0111, 77.8780, 20.6728) |
| Luminance | 0.7788 (WCAG relative) |
| Temperature | warm |
| Family | yellow-green |
أقرب الألوان المُسمّاة
Pear
#CBF85F
ΔE00 2.61
Yellowy Green
#BFF128
ΔE00 3.59
Yellow Green
#C8FD3D
ΔE00 3.83
Greeny Yellow
#C6F808
ΔE00 4.39
Lime Yellow
#D0FE1D
ΔE00 4.55
Chartreuse (survey)
#C1F80A
ΔE00 4.61
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#D2F256 #7656F2
analogous
#F2C456 #D2F256 #84F256
triadic
#D2F256 #56D2F2 #F256D2
tetradic
#D2F256 #56F2C4 #7656F2 #F25684
square
#D2F256 #56F2C4 #7656F2 #F25684
split-complementary
#D2F256 #5684F2 #C456F2
monochromatic
#9BBF0F #C3EE1D #D2F256 #E1F68F #F0FBC8
إمكانية الوصول والتباين
On white
1.27
#D2F256 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
16.58
#D2F256 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #D2F256
16.58:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##D2F256 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##D2F256 | 1.00 | 1.27 | 16.58 | 16.58 |
| #FFFFFF | 1.27 | 1.00 | 21.00 | 21.00 |
| #000000 | 16.58 | 21.00 | 1.00 | 1.00 |
| ##000000 | 16.58 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#FFE541
Deuteranopia (green-blind)
#FDE561
Tritanopia (blue-blind)
#DDE6D2
Achromatopsia (no color)
#E4E4E4
وسوم التصميم والكود
CSS
--color: #d2f256; /* rgb */ color: rgb(210, 242, 86); /* oklch */ color: oklch(90.9% 0.181 120.1);
Tailwind
colors: {
custom: {
50: '#e3f68d',
500: '#d2f256',
950: '#000000',
},
}SCSS
$custom: #d2f256; $custom-light: #e3f68d; $custom-dark: #000000;
JSON
{
"hex": "#d2f256",
"rgb": {
"r": 210,
"g": 242,
"b": 86
},
"hsl": {
"h": 72.308,
"s": 85.714,
"l": 64.314
},
"oklch": {
"l": 0.90938,
"c": 0.18111,
"h": 120.1
},
"luminance": 0.77878
}Semantic roles & 50–950 ramp
primary
#D2F256
secondary
#4C2FBD
accent
#03E231
background
#FEFFFC
surface
#FDFEF4
border
#D5D6CE
text
#16170D
muted
#84857F