#BBD3A9#BBD3A9
#BBD3A9 لون فاتح جداً ومتوسط التشبّع من عائلة أصفر مخضرّ. الإضاءة النسبية 0.600؛ OKLCH L 83.8% C 0.063 H 131.9°. أفضل لون لنص المتن هو #000000 بتباين 13.00:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #BBD3A9 |
|---|---|
| RGB | rgb(187, 211, 169) |
| HSL | hsl(94, 32%, 75%) |
| HSV | hsv(94, 20%, 83%) |
| CMYK | cmyk(11.4%, 0%, 19.9%, 17.3%) |
| CIE-LAB | lab(81.85, -15.59, 18.17) |
| CIE-LCH | lch(81.85, 23.94, 130.64°) |
| OKLab | oklab(83.79% -0.0418 0.0466) |
| OKLCH | oklch(83.79% 0.063 131.9) |
| XYZ | xyz(50.9480, 60.0174, 46.4288) |
| Luminance | 0.6002 (WCAG relative) |
| Temperature | warm |
| Family | yellow-green |
أقرب الألوان المُسمّاة
Light Grey Green
#B7E1A1
ΔE00 6.04
Light Sage
#BCECAC
ΔE00 7.60
Pale Olive
#B9CC81
ΔE00 8.11
Darkseagreen
#8FBC8F
ΔE00 8.47
Sage Green
#9CAF88
ΔE00 9.33
Hospital Green
#9BE5AA
ΔE00 9.36
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#BBD3A9 #C1A9D3
analogous
#D0D3A9 #BBD3A9 #A9D3AC
triadic
#BBD3A9 #A9BBD3 #D3A9BB
tetradic
#BBD3A9 #A9D0D3 #C1A9D3 #D3ACA9
square
#BBD3A9 #A9D0D3 #C1A9D3 #D3ACA9
split-complementary
#BBD3A9 #ACA9D3 #D3A9D0
monochromatic
#7BAA58 #9BBE81 #BBD3A9 #DBE8D1 #EFF5EB
إمكانية الوصول والتباين
On white
1.61
#BBD3A9 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
13.00
#BBD3A9 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #BBD3A9
13.00:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##BBD3A9 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##BBD3A9 | 1.00 | 1.61 | 13.00 | 13.00 |
| #FFFFFF | 1.61 | 1.00 | 21.00 | 21.00 |
| #000000 | 13.00 | 21.00 | 1.00 | 1.00 |
| ##000000 | 13.00 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#D7CDA7
Deuteranopia (green-blind)
#D3CBAB
Tritanopia (blue-blind)
#BCCFC7
Achromatopsia (no color)
#CBCBCB
وسوم التصميم والكود
CSS
--color: #bbd3a9; /* rgb */ color: rgb(187, 211, 169); /* oklch */ color: oklch(83.8% 0.063 131.9);
Tailwind
colors: {
custom: {
50: '#cfe0c2',
500: '#bbd3a9',
950: '#000000',
},
}SCSS
$custom: #bbd3a9; $custom-light: #cfe0c2; $custom-dark: #000000;
JSON
{
"hex": "#bbd3a9",
"rgb": {
"r": 187,
"g": 211,
"b": 169
},
"hsl": {
"h": 94.286,
"s": 32.308,
"l": 74.51
},
"oklch": {
"l": 0.8379,
"c": 0.06258,
"h": 131.9
},
"luminance": 0.60018
}Semantic roles & 50–950 ramp
primary
#BBD3A9
secondary
#9477A9
accent
#3AAB7B
background
#FEFEFD
surface
#FBFCF9
border
#D4D5D2
text
#141512
muted
#838482