#BCF4BA#BCF4BA
#BCF4BA لون فاتح جداً ومتوسط التشبّع من عائلة أخضر. الإضاءة النسبية 0.789؛ OKLCH L 91.4% C 0.097 H 143.9°. أفضل لون لنص المتن هو #000000 بتباين 16.79:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #BCF4BA |
|---|---|
| RGB | rgb(188, 244, 186) |
| HSL | hsl(118, 73%, 84%) |
| HSV | hsv(118, 24%, 96%) |
| CMYK | cmyk(23%, 0%, 23.8%, 4.3%) |
| CIE-LAB | lab(91.21, -28.58, 22.32) |
| CIE-LCH | lch(91.21, 36.26, 142.00°) |
| OKLab | oklab(91.4% -0.078 0.0569) |
| OKLCH | oklch(91.4% 0.097 143.9) |
| XYZ | xyz(61.9503, 78.9360, 58.4170) |
| Luminance | 0.7894 (WCAG relative) |
| Temperature | neutral |
| Family | green |
أقرب الألوان المُسمّاة
Light Sage
#BCECAC
ΔE00 2.74
Celadon
#BEFDB7
ΔE00 2.84
Light Mint
#B6FFBB
ΔE00 3.24
Very Pale Green
#CFFDBC
ΔE00 3.46
Pale Green
#C7FDB5
ΔE00 3.55
Very Light Green
#D1FFBD
ΔE00 3.84
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#BCF4BA #F2BAF4
analogous
#D9F4BA #BCF4BA #BAF4D5
triadic
#BCF4BA #BABCF4 #F4BABC
tetradic
#BCF4BA #BAD9F4 #F2BAF4 #F4D5BA
square
#BCF4BA #BAD9F4 #F2BAF4 #F4D5BA
split-complementary
#BCF4BA #D5BAF4 #F4BAD9
monochromatic
#55E350 #89EC85 #BCF4BA #E5FBE5 #E5FBE5
إمكانية الوصول والتباين
On white
1.25
#BCF4BA on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
16.79
#BCF4BA on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #BCF4BA
16.79:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##BCF4BA | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##BCF4BA | 1.00 | 1.25 | 16.79 | 16.79 |
| #FFFFFF | 1.25 | 1.00 | 21.00 | 21.00 |
| #000000 | 16.79 | 21.00 | 1.00 | 1.00 |
| ##000000 | 16.79 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#F7E9B7
Deuteranopia (green-blind)
#EEE4BD
Tritanopia (blue-blind)
#B7F0E4
Achromatopsia (no color)
#E6E6E6
وسوم التصميم والكود
CSS
--color: #bcf4ba; /* rgb */ color: rgb(188, 244, 186); /* oklch */ color: oklch(91.4% 0.097 143.9);
Tailwind
colors: {
custom: {
50: '#d1f8cf',
500: '#bcf4ba',
950: '#000000',
},
}SCSS
$custom: #bcf4ba; $custom-light: #d1f8cf; $custom-dark: #000000;
JSON
{
"hex": "#bcf4ba",
"rgb": {
"r": 188,
"g": 244,
"b": 186
},
"hsl": {
"h": 117.931,
"s": 72.5,
"l": 84.314
},
"oklch": {
"l": 0.91398,
"c": 0.09657,
"h": 143.9
},
"luminance": 0.78938
}Semantic roles & 50–950 ramp
primary
#BCF4BA
secondary
#D27ED5
accent
#11D5CE
background
#FEFFFE
surface
#FBFFFB
border
#D4D7D4
text
#141713
muted
#838583