#D2F385#D2F385
#D2F385 لون فاتح جداً وزاهٍ من عائلة أصفر مخضرّ. الإضاءة النسبية 0.795؛ OKLCH L 91.7% C 0.141 H 122.9°. أفضل لون لنص المتن هو #000000 بتباين 16.90:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #D2F385 |
|---|---|
| RGB | rgb(210, 243, 133) |
| HSL | hsl(78, 82%, 74%) |
| HSV | hsv(78, 45%, 95%) |
| CMYK | cmyk(13.6%, 0%, 45.3%, 4.7%) |
| CIE-LAB | lab(91.46, -27.55, 49.30) |
| CIE-LCH | lch(91.46, 56.47, 119.20°) |
| OKLab | oklab(91.68% -0.0768 0.1187) |
| OKLCH | oklch(91.68% 0.141 122.9) |
| XYZ | xyz(62.8626, 79.4961, 34.2183) |
| Luminance | 0.7950 (WCAG relative) |
| Temperature | warm |
| Family | yellow-green |
أقرب الألوان المُسمّاة
Light Yellow Green
#CCFD7F
ΔE00 3.21
Light Pea Green
#C4FE82
ΔE00 4.28
Pistachio (survey)
#C0FA8B
ΔE00 4.45
Light Yellowish Green
#C2FF89
ΔE00 4.82
Pear
#CBF85F
ΔE00 4.88
Pale Lime
#BEFD73
ΔE00 5.08
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#D2F385 #A685F3
analogous
#F3DD85 #D2F385 #9BF385
triadic
#D2F385 #85D2F3 #F385D2
tetradic
#D2F385 #85F3DD #A685F3 #F3859B
square
#D2F385 #85F3DD #A685F3 #F3859B
split-complementary
#D2F385 #859BF3 #DD85F3
monochromatic
#A8E717 #BDEE4D #D2F385 #E7F8BD #F5FCE3
إمكانية الوصول والتباين
On white
1.24
#D2F385 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
16.90
#D2F385 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #D2F385
16.90:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##D2F385 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##D2F385 | 1.00 | 1.24 | 16.90 | 16.90 |
| #FFFFFF | 1.24 | 1.00 | 21.00 | 21.00 |
| #000000 | 16.90 | 21.00 | 1.00 | 1.00 |
| ##000000 | 16.90 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#FEE77C
Deuteranopia (green-blind)
#FAE68B
Tritanopia (blue-blind)
#DAE9D9
Achromatopsia (no color)
#E6E6E6
وسوم التصميم والكود
CSS
--color: #d2f385; /* rgb */ color: rgb(210, 243, 133); /* oklch */ color: oklch(91.7% 0.141 122.9);
Tailwind
colors: {
custom: {
50: '#e1f7aa',
500: '#d2f385',
950: '#000000',
},
}SCSS
$custom: #d2f385; $custom-light: #e1f7aa; $custom-dark: #000000;
JSON
{
"hex": "#d2f385",
"rgb": {
"r": 210,
"g": 243,
"b": 133
},
"hsl": {
"h": 78,
"s": 82.09,
"l": 73.725
},
"oklch": {
"l": 0.91677,
"c": 0.14136,
"h": 122.9
},
"luminance": 0.79496
}Semantic roles & 50–950 ramp
primary
#D2F385
secondary
#744DCF
accent
#07DE48
background
#FEFFFD
surface
#FCFEF7
border
#D5D6D0
text
#151710
muted
#848581