#BBDC47#BBDC47
#BBDC47 لون فاتح جداً وزاهٍ من عائلة أصفر مخضرّ. الإضاءة النسبية 0.622؛ OKLCH L 84.3% C 0.174 H 121.1°. أفضل لون لنص المتن هو #000000 بتباين 13.44:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #BBDC47 |
|---|---|
| RGB | rgb(187, 220, 71) |
| HSL | hsl(73, 68%, 57%) |
| HSV | hsv(73, 68%, 86%) |
| CMYK | cmyk(15%, 0%, 67.7%, 13.7%) |
| CIE-LAB | lab(83.02, -30.81, 66.35) |
| CIE-LCH | lch(83.02, 73.15, 114.91°) |
| OKLab | oklab(84.31% -0.0901 0.1494) |
| OKLCH | oklch(84.31% 0.174 121.1) |
| XYZ | xyz(47.2247, 62.2062, 15.4791) |
| Luminance | 0.6221 (WCAG relative) |
| Temperature | warm |
| Family | yellow-green |
أقرب الألوان المُسمّاة
Yellowish Green
#B0DD16
ΔE00 3.10
Green Yellow
#B5CE08
ΔE00 4.77
Sickly Yellow
#D0E429
ΔE00 5.07
Yellowgreen
#9ACD32
ΔE00 5.41
Yellowy Green
#BFF128
ΔE00 5.46
Slime Green
#99CC04
ΔE00 5.73
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#BBDC47 #6847DC
analogous
#DCB347 #BBDC47 #70DC47
triadic
#BBDC47 #47BBDC #DC47BB
tetradic
#BBDC47 #47DCB3 #6847DC #DC4770
square
#BBDC47 #47DCB3 #6847DC #DC4770
split-complementary
#BBDC47 #4770DC #B347DC
monochromatic
#748E1B #9EC125 #BBDC47 #CEE67A #E1F0AE
إمكانية الوصول والتباين
On white
1.56
#BBDC47 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
13.44
#BBDC47 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #BBDC47
13.44:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##BBDC47 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##BBDC47 | 1.00 | 1.56 | 13.44 | 13.44 |
| #FFFFFF | 1.56 | 1.00 | 21.00 | 21.00 |
| #000000 | 13.44 | 21.00 | 1.00 | 1.00 |
| ##000000 | 13.44 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#E9CF30
Deuteranopia (green-blind)
#E5CF53
Tritanopia (blue-blind)
#C5D1BE
Achromatopsia (no color)
#CFCFCF
وسوم التصميم والكود
CSS
--color: #bbdc47; /* rgb */ color: rgb(187, 220, 71); /* oklch */ color: oklch(84.3% 0.174 121.1);
Tailwind
colors: {
custom: {
50: '#d3e682',
500: '#bbdc47',
950: '#000000',
},
}SCSS
$custom: #bbdc47; $custom-light: #d3e682; $custom-dark: #000000;
JSON
{
"hex": "#bbdc47",
"rgb": {
"r": 187,
"g": 220,
"b": 71
},
"hsl": {
"h": 73.289,
"s": 68.037,
"l": 57.059
},
"oklch": {
"l": 0.84311,
"c": 0.17445,
"h": 121.1
},
"luminance": 0.62206
}Semantic roles & 50–950 ramp
primary
#BBDC47
secondary
#493493
accent
#3DEB63
background
#FEFEFB
surface
#FBFCF2
border
#D4D5CC
text
#15160B
muted
#84847E