#DCFC71#DCFC71
#DCFC71 لون فاتح جداً وزاهٍ من عائلة أصفر مخضرّ. الإضاءة النسبية 0.860؛ OKLCH L 94.1% C 0.168 H 120.6°. أفضل لون لنص المتن هو #000000 بتباين 18.21:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #DCFC71 |
|---|---|
| RGB | rgb(220, 252, 113) |
| HSL | hsl(74, 96%, 72%) |
| HSV | hsv(74, 55%, 99%) |
| CMYK | cmyk(12.7%, 0%, 55.2%, 1.2%) |
| CIE-LAB | lab(94.32, -29.87, 62.01) |
| CIE-LCH | lch(94.32, 68.83, 115.72°) |
| OKLab | oklab(94.08% -0.0855 0.1448) |
| OKLCH | oklch(94.08% 0.168 120.6) |
| XYZ | xyz(67.3069, 86.0289, 28.6790) |
| Luminance | 0.8603 (WCAG relative) |
| Temperature | warm |
| Family | yellow-green |
أقرب الألوان المُسمّاة
Pear
#CBF85F
ΔE00 2.65
Light Yellow Green
#CCFD7F
ΔE00 3.99
Yellow Green
#C8FD3D
ΔE00 4.75
Pale Lime
#BEFD73
ΔE00 5.41
Light Pea Green
#C4FE82
ΔE00 5.57
Yellowy Green
#BFF128
ΔE00 5.79
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#DCFC71 #9171FC
analogous
#FCD771 #DCFC71 #97FC71
triadic
#DCFC71 #71DCFC #FC71DC
tetradic
#DCFC71 #71FCD7 #9171FC #FC7197
square
#DCFC71 #71FCD7 #9171FC #FC7197
split-complementary
#DCFC71 #7197FC #D771FC
monochromatic
#B8EE05 #CDFB35 #DCFC71 #EBFDAD #F8FEE1
إمكانية الوصول والتباين
On white
1.15
#DCFC71 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
18.21
#DCFC71 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #DCFC71
18.21:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##DCFC71 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##DCFC71 | 1.00 | 1.15 | 18.21 | 18.21 |
| #FFFFFF | 1.15 | 1.00 | 21.00 | 21.00 |
| #000000 | 18.21 | 21.00 | 1.00 | 1.00 |
| ##000000 | 18.21 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#FFEF63
Deuteranopia (green-blind)
#FFEF7A
Tritanopia (blue-blind)
#E6F0DD
Achromatopsia (no color)
#EFEFEF
وسوم التصميم والكود
CSS
--color: #dcfc71; /* rgb */ color: rgb(220, 252, 113); /* oklch */ color: oklch(94.1% 0.168 120.6);
Tailwind
colors: {
custom: {
50: '#e9fd9e',
500: '#dcfc71',
950: '#000000',
},
}SCSS
$custom: #dcfc71; $custom-light: #e9fd9e; $custom-dark: #000000;
JSON
{
"hex": "#dcfc71",
"rgb": {
"r": 220,
"g": 252,
"b": 113
},
"hsl": {
"h": 73.813,
"s": 95.862,
"l": 71.569
},
"oklch": {
"l": 0.94076,
"c": 0.16814,
"h": 120.6
},
"luminance": 0.86029
}Semantic roles & 50–950 ramp
primary
#DCFC71
secondary
#5E39D8
accent
#00E635
background
#FFFFFC
surface
#FEFFF5
border
#D6D7CF
text
#16170F
muted
#858580