#BBDC4C#BBDC4C
#BBDC4C لون فاتح جداً وزاهٍ من عائلة أصفر مخضرّ. الإضاءة النسبية 0.623؛ OKLCH L 84.4% C 0.171 H 121.3°. أفضل لون لنص المتن هو #000000 بتباين 13.45:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #BBDC4C |
|---|---|
| RGB | rgb(187, 220, 76) |
| HSL | hsl(74, 67%, 58%) |
| HSV | hsv(74, 65%, 86%) |
| CMYK | cmyk(15%, 0%, 65.5%, 13.7%) |
| CIE-LAB | lab(83.06, -30.49, 64.47) |
| CIE-LCH | lch(83.06, 71.31, 115.31°) |
| OKLab | oklab(84.35% -0.0888 0.1462) |
| OKLCH | oklch(84.35% 0.171 121.3) |
| XYZ | xyz(47.3919, 62.2730, 16.3593) |
| Luminance | 0.6227 (WCAG relative) |
| Temperature | warm |
| Family | yellow-green |
أقرب الألوان المُسمّاة
Yellowish Green
#B0DD16
ΔE00 3.51
Green Yellow
#B5CE08
ΔE00 5.13
Yellowgreen
#9ACD32
ΔE00 5.38
Sickly Yellow
#D0E429
ΔE00 5.44
Yellowy Green
#BFF128
ΔE00 5.71
Slime Green
#99CC04
ΔE00 5.88
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#BBDC4C #6D4CDC
analogous
#DCB54C #BBDC4C #73DC4C
triadic
#BBDC4C #4CBBDC #DC4CBB
tetradic
#BBDC4C #4CDCB5 #6D4CDC #DC4C73
square
#BBDC4C #4CDCB5 #6D4CDC #DC4C73
split-complementary
#BBDC4C #4C73DC #B54CDC
monochromatic
#76911C #A0C426 #BBDC4C #CEE67F #E2F0B2
إمكانية الوصول والتباين
On white
1.56
#BBDC4C on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
13.45
#BBDC4C on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #BBDC4C
13.45:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##BBDC4C | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##BBDC4C | 1.00 | 1.56 | 13.45 | 13.45 |
| #FFFFFF | 1.56 | 1.00 | 21.00 | 21.00 |
| #000000 | 13.45 | 21.00 | 1.00 | 1.00 |
| ##000000 | 13.45 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#E9CF38
Deuteranopia (green-blind)
#E5CF57
Tritanopia (blue-blind)
#C5D1BF
Achromatopsia (no color)
#CFCFCF
وسوم التصميم والكود
CSS
--color: #bbdc4c; /* rgb */ color: rgb(187, 220, 76); /* oklch */ color: oklch(84.4% 0.171 121.3);
Tailwind
colors: {
custom: {
50: '#d3e785',
500: '#bbdc4c',
950: '#000000',
},
}SCSS
$custom: #bbdc4c; $custom-light: #d3e785; $custom-dark: #000000;
JSON
{
"hex": "#bbdc4c",
"rgb": {
"r": 187,
"g": 220,
"b": 76
},
"hsl": {
"h": 73.75,
"s": 67.29,
"l": 58.039
},
"oklch": {
"l": 0.84351,
"c": 0.171,
"h": 121.3
},
"luminance": 0.62273
}Semantic roles & 50–950 ramp
primary
#BBDC4C
secondary
#4C3696
accent
#3EEA65
background
#FEFEFC
surface
#FBFCF3
border
#D4D5CD
text
#14160C
muted
#83847F