#D3E85B#D3E85B
#D3E85B لون فاتح جداً وزاهٍ من عائلة أصفر. الإضاءة النسبية 0.723؛ OKLCH L 88.9% C 0.165 H 117.1°. أفضل لون لنص المتن هو #000000 بتباين 15.46:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #D3E85B |
|---|---|
| RGB | rgb(211, 232, 91) |
| HSL | hsl(69, 75%, 63%) |
| HSV | hsv(69, 61%, 91%) |
| CMYK | cmyk(9.1%, 0%, 60.8%, 9%) |
| CIE-LAB | lab(88.12, -25.65, 64.30) |
| CIE-LCH | lch(88.12, 69.23, 111.75°) |
| OKLab | oklab(88.88% -0.0752 0.1473) |
| OKLCH | oklch(88.88% 0.165 117.1) |
| XYZ | xyz(57.6100, 72.3181, 20.8194) |
| Luminance | 0.7232 (WCAG relative) |
| Temperature | warm |
| Family | yellow |
أقرب الألوان المُسمّاة
Sickly Yellow
#D0E429
ΔE00 3.90
Pear
#CBF85F
ΔE00 4.90
Yellowy Green
#BFF128
ΔE00 5.52
Yellowish Green
#B0DD16
ΔE00 5.98
Yellow Green
#C8FD3D
ΔE00 6.46
Greeny Yellow
#C6F808
ΔE00 6.55
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#D3E85B #705BE8
analogous
#E8B65B #D3E85B #8CE85B
triadic
#D3E85B #5BD3E8 #E85BD3
tetradic
#D3E85B #5BE8B6 #705BE8 #E85B8C
square
#D3E85B #5BE8B6 #705BE8 #E85B8C
split-complementary
#D3E85B #5B8CE8 #B65BE8
monochromatic
#99B019 #C5E025 #D3E85B #E1F091 #F0F7C6
إمكانية الوصول والتباين
On white
1.36
#D3E85B on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
15.46
#D3E85B on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #D3E85B
15.46:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##D3E85B | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##D3E85B | 1.00 | 1.36 | 15.46 | 15.46 |
| #FFFFFF | 1.36 | 1.00 | 21.00 | 21.00 |
| #000000 | 15.46 | 21.00 | 1.00 | 1.00 |
| ##000000 | 15.46 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#F7DD4A
Deuteranopia (green-blind)
#F5DE64
Tritanopia (blue-blind)
#DFDCCA
Achromatopsia (no color)
#DDDDDD
وسوم التصميم والكود
CSS
--color: #d3e85b; /* rgb */ color: rgb(211, 232, 91); /* oklch */ color: oklch(88.9% 0.165 117.1);
Tailwind
colors: {
custom: {
50: '#e3ef8f',
500: '#d3e85b',
950: '#000000',
},
}SCSS
$custom: #d3e85b; $custom-light: #e3ef8f; $custom-dark: #000000;
JSON
{
"hex": "#d3e85b",
"rgb": {
"r": 211,
"g": 232,
"b": 91
},
"hsl": {
"h": 68.936,
"s": 75.401,
"l": 63.333
},
"oklch": {
"l": 0.88876,
"c": 0.16541,
"h": 117.1
},
"luminance": 0.72317
}Semantic roles & 50–950 ramp
primary
#D3E85B
secondary
#4937B1
accent
#0ED82C
background
#FEFFFC
surface
#FDFEF4
border
#D5D6CE
text
#16160D
muted
#84857F