#2BB75F#2BB75F
#2BB75F لون فاتح وزاهٍ من عائلة أخضر. الإضاءة النسبية 0.352؛ OKLCH L 68.7% C 0.172 H 150.7°. أفضل لون لنص المتن هو #000000 بتباين 8.04:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #2BB75F |
|---|---|
| RGB | rgb(43, 183, 95) |
| HSL | hsl(142, 62%, 44%) |
| HSV | hsv(142, 77%, 72%) |
| CMYK | cmyk(76.5%, 0%, 48.1%, 28.2%) |
| CIE-LAB | lab(65.91, -55.69, 34.45) |
| CIE-LCH | lch(65.91, 65.48, 148.26°) |
| OKLab | oklab(68.74% -0.1496 0.0841) |
| OKLCH | oklch(68.74% 0.172 150.7) |
| XYZ | xyz(19.9936, 35.2044, 16.5657) |
| Luminance | 0.3521 (WCAG relative) |
| Temperature | neutral |
| Family | green |
أقرب الألوان المُسمّاة
Cool Green
#33B864
ΔE00 0.81
Shamrock
#01B44C
ΔE00 2.76
Dark Mint
#48C072
ΔE00 3.54
Algae Green
#21C36F
ΔE00 3.56
Dark Mint Green
#20C073
ΔE00 3.61
Jade Green
#2BAF6A
ΔE00 3.83
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#2BB75F #B72B83
analogous
#3DB72B #2BB75F #2BB7A5
triadic
#2BB75F #5F2BB7 #B75F2B
tetradic
#2BB75F #2B3DB7 #B72B83 #B7A52B
square
#2BB75F #2B3DB7 #B72B83 #B7A52B
split-complementary
#2BB75F #A52BB7 #B72B3D
monochromatic
#14542C #1F8545 #2BB75F #4BD57E #7CE0A1
إمكانية الوصول والتباين
On white
2.61
#2BB75F on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
8.04
#2BB75F on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #2BB75F
8.04:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##2BB75F | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##2BB75F | 1.00 | 2.61 | 8.04 | 8.04 |
| #FFFFFF | 2.61 | 1.00 | 21.00 | 21.00 |
| #000000 | 8.04 | 21.00 | 1.00 | 1.00 |
| ##000000 | 8.04 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#B8A758
Deuteranopia (green-blind)
#A89C65
Tritanopia (blue-blind)
#00B4A2
Achromatopsia (no color)
#A0A0A0
وسوم التصميم والكود
CSS
--color: #2bb75f; /* rgb */ color: rgb(43, 183, 95); /* oklch */ color: oklch(68.7% 0.172 150.7);
Tailwind
colors: {
custom: {
50: '#7ace8e',
500: '#2bb75f',
950: '#000000',
},
}SCSS
$custom: #2bb75f; $custom-light: #7ace8e; $custom-dark: #000000;
JSON
{
"hex": "#2bb75f",
"rgb": {
"r": 43,
"g": 183,
"b": 95
},
"hsl": {
"h": 142.286,
"s": 61.947,
"l": 44.314
},
"oklch": {
"l": 0.68735,
"c": 0.17165,
"h": 150.7
},
"luminance": 0.35207
}Semantic roles & 50–950 ramp
primary
#2BB75F
secondary
#C975AA
accent
#43A9E5
background
#F8FCF8
surface
#EFF9F0
border
#CAD2CB
text
#0B140C
muted
#7C827D