#BBC5AC#BBC5AC
#BBC5AC لون فاتح وخافت من عائلة أصفر مخضرّ. الإضاءة النسبية 0.535؛ OKLCH L 80.9% C 0.036 H 125.0°. أفضل لون لنص المتن هو #000000 بتباين 11.70:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #BBC5AC |
|---|---|
| RGB | rgb(187, 197, 172) |
| HSL | hsl(84, 18%, 72%) |
| HSV | hsv(84, 13%, 77%) |
| CMYK | cmyk(5.1%, 0%, 12.7%, 22.7%) |
| CIE-LAB | lab(78.16, -7.93, 11.38) |
| CIE-LCH | lch(78.16, 13.87, 124.88°) |
| OKLab | oklab(80.88% -0.0207 0.0295) |
| OKLCH | oklch(80.88% 0.036 125) |
| XYZ | xyz(47.9051, 53.4758, 46.8198) |
| Luminance | 0.5348 (WCAG relative) |
| Temperature | warm |
| Family | yellow-green |
أقرب الألوان المُسمّاة
Sage Green
#9CAF88
ΔE00 8.54
Greenish Grey
#96AE8D
ΔE00 8.93
Bland
#AFA88B
ΔE00 10.09
Silver (survey)
#C5C9C7
ΔE00 10.26
Light Grey
#D8DCD6
ΔE00 10.31
Cement
#A5A391
ΔE00 10.41
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#BBC5AC #B6ACC5
analogous
#C5C2AC #BBC5AC #AFC5AC
triadic
#BBC5AC #ACBBC5 #C5ACBB
tetradic
#BBC5AC #ACC5C2 #B6ACC5 #C5ACAF
square
#BBC5AC #ACC5C2 #B6ACC5 #C5ACAF
split-complementary
#BBC5AC #ACAFC5 #C2ACC5
monochromatic
#809165 #9DAC88 #BBC5AC #D9DED0 #F0F2ED
إمكانية الوصول والتباين
On white
1.80
#BBC5AC on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
11.70
#BBC5AC on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #BBC5AC
11.70:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##BBC5AC | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##BBC5AC | 1.00 | 1.80 | 11.70 | 11.70 |
| #FFFFFF | 1.80 | 1.00 | 21.00 | 21.00 |
| #000000 | 11.70 | 21.00 | 1.00 | 1.00 |
| ##000000 | 11.70 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#C8C2AB
Deuteranopia (green-blind)
#C7C1AD
Tritanopia (blue-blind)
#BDC2BE
Achromatopsia (no color)
#C1C1C1
وسوم التصميم والكود
CSS
--color: #bbc5ac; /* rgb */ color: rgb(187, 197, 172); /* oklch */ color: oklch(80.9% 0.036 125.0);
Tailwind
colors: {
custom: {
50: '#cfd6c4',
500: '#bbc5ac',
950: '#000000',
},
}SCSS
$custom: #bbc5ac; $custom-light: #cfd6c4; $custom-dark: #000000;
JSON
{
"hex": "#bbc5ac",
"rgb": {
"r": 187,
"g": 197,
"b": 172
},
"hsl": {
"h": 84,
"s": 17.73,
"l": 72.353
},
"oklch": {
"l": 0.8088,
"c": 0.03602,
"h": 125
},
"luminance": 0.53476
}Semantic roles & 50–950 ramp
primary
#BBC5AC
secondary
#887C99
accent
#499C6A
background
#FEFEFD
surface
#FBFBF9
border
#D4D4D2
text
#131412
muted
#838382