#BBF565#BBF565
#BBF565 لون فاتح جداً وزاهٍ من عائلة أصفر مخضرّ. الإضاءة النسبية 0.768؛ OKLCH L 90.2% C 0.183 H 128.1°. أفضل لون لنص المتن هو #000000 بتباين 16.36:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #BBF565 |
|---|---|
| RGB | rgb(187, 245, 101) |
| HSL | hsl(84, 88%, 68%) |
| HSV | hsv(84, 59%, 96%) |
| CMYK | cmyk(23.7%, 0%, 58.8%, 3.9%) |
| CIE-LAB | lab(90.23, -40.00, 61.99) |
| CIE-LCH | lch(90.23, 73.78, 122.83°) |
| OKLab | oklab(90.21% -0.1129 0.144) |
| OKLCH | oklch(90.21% 0.183 128.1) |
| XYZ | xyz(55.4947, 76.8081, 24.2111) |
| Luminance | 0.7681 (WCAG relative) |
| Temperature | warm |
| Family | yellow-green |
أقرب الألوان المُسمّاة
Pale Lime
#BEFD73
ΔE00 2.03
Light Lime Green
#B9FF66
ΔE00 2.31
Pear
#CBF85F
ΔE00 2.90
Pale Lime Green
#B1FF65
ΔE00 2.95
Light Yellow Green
#CCFD7F
ΔE00 3.02
Light Lime
#AEFD6C
ΔE00 3.16
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#BBF565 #9F65F5
analogous
#F5E765 #BBF565 #73F565
triadic
#BBF565 #65BBF5 #F565BB
tetradic
#BBF565 #65F5E7 #9F65F5 #F56573
square
#BBF565 #65F5E7 #9F65F5 #F56573
split-complementary
#BBF565 #6573F5 #E765F5
monochromatic
#83D20E #A2F12C #BBF565 #D4F99E #EEFCD8
إمكانية الوصول والتباين
On white
1.28
#BBF565 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
16.36
#BBF565 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #BBF565
16.36:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##BBF565 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##BBF565 | 1.00 | 1.28 | 16.36 | 16.36 |
| #FFFFFF | 1.28 | 1.00 | 21.00 | 21.00 |
| #000000 | 16.36 | 21.00 | 1.00 | 1.00 |
| ##000000 | 16.36 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#FFE655
Deuteranopia (green-blind)
#F8E26F
Tritanopia (blue-blind)
#C1EBD6
Achromatopsia (no color)
#E3E3E3
وسوم التصميم والكود
CSS
--color: #bbf565; /* rgb */ color: rgb(187, 245, 101); /* oklch */ color: oklch(90.2% 0.183 128.1);
Tailwind
colors: {
custom: {
50: '#d3f896',
500: '#bbf565',
950: '#000000',
},
}SCSS
$custom: #bbf565; $custom-light: #d3f896; $custom-dark: #000000;
JSON
{
"hex": "#bbf565",
"rgb": {
"r": 187,
"g": 245,
"b": 101
},
"hsl": {
"h": 84.167,
"s": 87.805,
"l": 67.843
},
"oklch": {
"l": 0.90212,
"c": 0.18296,
"h": 128.1
},
"luminance": 0.76809
}Semantic roles & 50–950 ramp
primary
#BBF565
secondary
#7031CD
accent
#01E45D
background
#FEFFFC
surface
#FBFFF5
border
#D4D7CF
text
#14170E
muted
#83857F