#DFF456#DFF456
#DFF456 لون فاتح جداً وزاهٍ من عائلة أصفر. الإضاءة النسبية 0.811؛ OKLCH L 92.3% C 0.179 H 116.5°. أفضل لون لنص المتن هو #000000 بتباين 17.21:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #DFF456 |
|---|---|
| RGB | rgb(223, 244, 86) |
| HSL | hsl(68, 88%, 65%) |
| HSV | hsv(68, 65%, 96%) |
| CMYK | cmyk(8.6%, 0%, 64.8%, 4.3%) |
| CIE-LAB | lab(92.16, -26.90, 70.83) |
| CIE-LCH | lch(92.16, 75.77, 110.80°) |
| OKLab | oklab(92.32% -0.0799 0.1602) |
| OKLCH | oklch(92.32% 0.179 116.5) |
| XYZ | xyz(64.4632, 81.0621, 21.0529) |
| Luminance | 0.8106 (WCAG relative) |
| Temperature | warm |
| Family | yellow |
أقرب الألوان المُسمّاة
Sickly Yellow
#D0E429
ΔE00 4.14
Pear
#CBF85F
ΔE00 4.69
Off Yellow
#F1F33F
ΔE00 4.81
Lime Yellow
#D0FE1D
ΔE00 4.89
Canary
#FDFF63
ΔE00 4.92
Banana Yellow
#FAFE4B
ΔE00 5.07
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#DFF456 #6B56F4
analogous
#F4BA56 #DFF456 #90F456
triadic
#DFF456 #56DFF4 #F456DF
tetradic
#DFF456 #56F4BA #6B56F4 #F45690
square
#DFF456 #56F4BA #6B56F4 #F45690
split-complementary
#DFF456 #5690F4 #BA56F4
monochromatic
#ABC30D #D4F01D #DFF456 #EAF88F #F5FBC9
إمكانية الوصول والتباين
On white
1.22
#DFF456 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
17.21
#DFF456 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #DFF456
17.21:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##DFF456 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##DFF456 | 1.00 | 1.22 | 17.21 | 17.21 |
| #FFFFFF | 1.22 | 1.00 | 21.00 | 21.00 |
| #000000 | 17.21 | 21.00 | 1.00 | 1.00 |
| ##000000 | 17.21 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#FFE840
Deuteranopia (green-blind)
#FFEA61
Tritanopia (blue-blind)
#ECE7D4
Achromatopsia (no color)
#E8E8E8
وسوم التصميم والكود
CSS
--color: #dff456; /* rgb */ color: rgb(223, 244, 86); /* oklch */ color: oklch(92.3% 0.179 116.5);
Tailwind
colors: {
custom: {
50: '#ecf78d',
500: '#dff456',
950: '#000000',
},
}SCSS
$custom: #dff456; $custom-light: #ecf78d; $custom-dark: #000000;
JSON
{
"hex": "#dff456",
"rgb": {
"r": 223,
"g": 244,
"b": 86
},
"hsl": {
"h": 67.975,
"s": 87.778,
"l": 64.706
},
"oklch": {
"l": 0.92316,
"c": 0.17899,
"h": 116.5
},
"luminance": 0.81061
}Semantic roles & 50–950 ramp
primary
#DFF456
secondary
#412EC0
accent
#01E41F
background
#FFFFFC
surface
#FEFEF4
border
#D6D6CE
text
#17170D
muted
#85857F